.site-wrapper{top:0;overflow:hidden;font-family:UTMEssendineCaps,serif}.full-screen,.site-wrapper{position:relative;width:100%}.main-nav{font-family:UTMEssendineCaps,serif;bottom:1rem;z-index:2;width:100%;text-align:center;font-size:1rem;left:0;height:-moz-fit-content;height:fit-content}.sticky-top{position:fixed;position:-webkit-fixed;top:0;width:100%}.bottom{position:absolute;top:70vh}.bg-brand-color{background-color:var(--brand-color)}.main-nav .fa-arrow-down{animation:sdb 1.5s infinite}@keyframes sdb{0%{transform:translateY(-20px);opacity:0}50%{opacity:1}to{transform:translateY(20px);opacity:0}}.main-nav ul li{display:inline-block}.main-nav ul li a{text-transform:lowercase;text-decoration:none;cursor:pointer;color:var(--white-color)!important}.cover-page .main-nav ul li a{color:#fff}.title{font-size:60px}#aboutTitle .main-nav ul li a{color:#000}.about-title{padding-top:120px;padding-left:442px}.main-nav ul li:before{content:"{";padding:0 5px;color:var(--third-color)}.main-nav ul li:after{content:"}";padding:0 5px;color:var(--third-color)}@media screen and (min-width:768px){.main-nav ul li a:hover{border-bottom:2px solid var(--logo-color);color:var(--logo-color)}}@keyframes slideInFromBottom{0%{transform:translateY(200%)}to{transform:translateY(0)}}canvas{z-index:1;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-main-menu{position:fixed;right:.2rem;top:1rem;z-index:1000}.icon-toggle-main-menu{width:2.5rem}.icon-toggle-main-menu.open{animation:spin 1s ease}.icon-toggle-main-menu.close{animation:spin-reverse 1s ease}@keyframes spin{to{transform:rotate(72deg)}}@keyframes spin-reverse{to{transform:rotate(-72deg)}}.main-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:var(--brand-color)}.main-menu .main-nav{font-size:2rem;top:40%}.main-menu .main-nav ul{display:flex;flex-direction:column}.main-menu .main-nav ul li{animation:zoomOut .3s ease-in-out .1s}@keyframes zoomOut{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}.main-nav ul li:hover{transform:scale(1.2);transition:all .3s ease-in-out .1s}ul li{list-style:none}ul{margin:0;margin-block-start:0;margin-block-end:0;padding-inline-start:0}.social-contact{z-index:2}.social-contact li{margin:1rem;height:30px}.social-contact>li>a>i:after{font-family:PriximaNovaBold,serif}#fb{background-color:#3a589a}#fb:hover{background-color:#4174e0}#git{background-color:#24292e}#git:hover{background-color:#3a4149}#yt{background-color:#a30a0a}#yt:hover{background-color:#ff0b0b}#zl{background-color:#0d74c4}#zl:hover{background-color:#0091ff}#li{background-color:#0a66c2}#li:hover{background-color:#0e81f3}#tl{background-color:#2a6db1}#tl:hover{background-color:#3897f7}#ig{background:#dc2743}#ig:hover{background:#f09433;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1)}.tt-icon{height:14px;margin-bottom:3px}#tt{background-color:#333}#tt:hover{background-color:#000}.btn{width:256px!important}#logo{z-index:2}.social-contact{display:inline-flex;width:80%;flex-wrap:wrap;align-items:center;justify-content:center}.social-contact .btn{width:40px!important;border-radius:40px}.ic-to-top{position:fixed;bottom:1rem;right:1rem;cursor:pointer;border-radius:10%;background-color:rgba(0,137,165,.8);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.ic-to-top i{color:#fff;font-size:35px!important}.navbar-toggler{border-width:0!important;outline:0}.animated-icon3{width:30px;height:20px;position:relative;margin:0;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}.animated-icon3 span{display:block;position:absolute;height:4px;width:100%;border-radius:4px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out;background:#fff}.animated-icon3.open span{background:#000}.animated-icon3 span:first-child{top:0;transform-origin:left center}.animated-icon3 span:nth-child(2){top:10px;transform-origin:left center}.animated-icon3 span:nth-child(3){top:20px;transform-origin:left center}.animated-icon3.open span:first-child{transform:rotate(45deg);top:0;left:8px}.animated-icon3.open span:nth-child(2){width:0;opacity:0}.animated-icon3.open span:nth-child(3){transform:rotate(-45deg);top:21px;left:8px}@keyframes slideInFromLeft{0%{transform:translateX(200%)}to{transform:translateX(0)}}.title-welcome-page{padding:4rem;text-align:center;font-family:"Courier New",Courier,monospace;animation:slideInFromLeft 1.5s}.logoPage{width:20%}.cover-page{background-image:url(/static/media/welcome.02c8bf49.svg)}.about-page,.cover-page{background-size:cover;background-repeat:no-repeat;background-position:50%}.about-page{background-image:url(/static/media/about.c3fb22c4.svg)}.work-page{background-image:url(/static/media/nha-hat-lon.a839acb2.svg)}.album-page,.work-page{background-size:cover;background-repeat:no-repeat;background-position:50%}.album-page{background-image:url(/static/media/hp-city.a2cc965f.svg)}.min-height{min-height:1000px}.contact-page{background-image:url(/static/media/hp-city-contact.02601f66.svg);background-size:cover;background-repeat:no-repeat;background-position:50%}.contact-box{margin:20px 100px;padding:20px}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.w100{width:100%}.w50{width:50%}.h100{height:100%}.pos-relative{position:relative}.pos-fixed{position:fixed!important}.content-chapter{background-color:#fff;font-family:var(--bs-font-sans-serif),sans-serif,serif;display:flex;flex-direction:column;justify-content:space-between;position:relative;text-align:center}.content-chapter p{padding:3rem;text-align:justify}.title-chapter{display:flex;align-items:center;justify-content:center}@media screen and (min-width:768px){.content-chapter{left:50%}.title-chapter{position:absolute}.title-chapter.bot{bottom:0}.title-chapter.top{top:0}.unique-logo-contact{display:inline-flex;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.logoPage{width:256px}}.avatar{margin-top:3rem;object-fit:cover;width:8rem;height:8rem;align-self:center;border-radius:50%;border:.3rem solid var(--title-color)}.contact-content-wrapper{border-radius:1rem;display:flex;padding:0 1rem;justify-content:center;align-items:center}.contact-hub-title{color:#fff;align-self:center}.contact-hub-title,.hub-contact{font-weight:700;font-size:3rem}.pin_container{column-width:320px;grid-column-gap:15px;column-gap:15px;width:100%}.card{background:#fefefe;border:2px solid #fcfcfc;box-shadow:0 1px 2px rgba(34,25,25,.4);margin:0 2px 15px;padding-bottom:10px;transition:opacity .4s ease-in-out;display:inline-block;column-break-inside:avoid}@media screen and (max-width:750px){.pin_container{grid-column-gap:0;column-gap:0}.pin_container figure{width:100%}}.card>div{width:100%;height:auto}.light-mo{background-image:url(/static/media/light-mo\ 1.13b554ac.svg);background-repeat:no-repeat;padding-top:56px;padding-bottom:56px;font-size:60px}.color-work-yellow{color:#ffde00}.work-content{font-weight:300}.work-content:hover{background-color:#ffde00!important}.line-work{border-left:3px solid;border-color:#fff;height:90%;width:100px;margin-left:9px;margin-top:10px}.title-menu{height:47px;width:100%;text-align:center;background-color:var(--brand-color);color:var(--white);margin-bottom:20px}h1,h2,h3{color:var(--brand-color)}#style-11::-webkit-scrollbar{width:10px;background-color:#000}#style-11::-webkit-scrollbar-track{border-radius:10px;background:hsla(0,0%,100%,.6)}#style-11::-webkit-scrollbar-thumb{border-radius:10px;background:#fff;box-shadow:inset 0 0 1px 1px #fff}#style-11::-webkit-scrollbar-thumb:hover{background:#ffde00}#style-11::-webkit-scrollbar-thumb:active{background:linear-gradient(left,#22add4,#1e98ba)}.blog-container{margin-top:65px}a:hover{text-decoration:none}.blog-markdown{line-height:1.7;word-break:break-word}.blog-markdown img{max-width:100%;height:auto}.blog-markdown pre{background:#f6f8fa;padding:12px;border-radius:6px;overflow-x:auto}.blog-markdown code{background:#f6f8fa;padding:2px 4px;border-radius:4px;font-size:.9em}.blog-markdown pre code{background:transparent;padding:0}.blog-markdown blockquote{border-left:4px solid #dfe2e5;padding:0 1em;color:#6a737d;margin:1em 0}.blog-markdown table{border-collapse:collapse;margin:1em 0;width:100%}.blog-markdown td,.blog-markdown th{border:1px solid #dfe2e5;padding:6px 12px}
/*# sourceMappingURL=main.5dd0fdf8.chunk.css.map */