@import"https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap";.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0e1016;display:flex;justify-content:center;align-items:center;z-index:9999}.message{color:#e4ded7;font-size:4rem;font-family:Inter}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-tyfMZHQw.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-CzG7Kr3z.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-Df6ckaLK.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-JrS_4yms.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-CIdlr5YK.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-_Rr29XE2.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-DQXyrmoy.woff2) format("woff2"),url(/assets/inter-greek-400-normal-DvIPHDQ7.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-Cnt0N5Vm.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-DIOGfGLL.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-D3W-OpO-.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-8tIzm-yw.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-BT1H-PT_.woff2) format("woff2"),url(/assets/inter-latin-400-normal-Cdi8t5Mu.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{margin:0;padding:0}.port{background-color:#09090d}.section1{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;background-image:url(public/images/hero.jpg);background-size:cover;background-position:center}.content{display:flex;align-items:center;justify-content:center;text-align:center}h1{font-family:Mona Sans Condensed Black,sans-serif;color:#f5d604;font-size:14em;line-height:.8em;margin:0}.avatar{height:250px;margin-left:20px;filter:grayscale(100%);transition:filter .2s ease}.avatar:hover{filter:grayscale(0%)}.top-left{position:absolute;top:5%;left:5%}.resume-button{font-family:Syne,sans-serif;font-weight:500;background-color:transparent;border:2px solid #E4DED7;color:#e4ded7;border-radius:5px;padding:10px 20px;cursor:pointer;text-decoration:none}.top-right{position:absolute;top:5%;right:5%}.social-link{color:#e4ded7;text-decoration:none;margin-left:20px;font-family:Syne,sans-serif;font-weight:700}.bottom-left{text-align:left;position:absolute;bottom:5%;left:5%;color:#fff;line-height:1.5em;font-family:Mona Sans Expanded Bold,sans-serif}.bottom-right{position:absolute;bottom:5%;right:5%;color:#fff;line-height:1.5em;font-family:Mona Sans Expanded Bold,sans-serif;text-align:right}.section2{position:relative;display:flex;justify-content:space-between;align-items:center;height:100vh;padding:0 5%;background-color:#09090d}.laptop-background{position:relative;width:50%;display:flex;justify-content:center;align-items:center}.laptop-bg{position:absolute;width:100%;height:auto;z-index:1;top:50%;transform:translateY(-50%)}.video-port{position:relative;z-index:2;width:80%;height:auto}.project-info{position:relative;width:40%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;color:#fff;font-family:Syne,sans-serif}.project-icons{display:flex;margin-top:1em}.icon-circle{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#fff;color:#09090d;font-size:1.5em;cursor:pointer;margin-right:1em}.project-details h2{color:#fff;font-weight:700;font-size:2em;margin:.5em 0}.project-details{color:#9d9d9e;font-weight:700;font-size:1.2em;margin:.5em 0}.project-tags{font-size:1em;color:#fff;margin-top:.5em;font-weight:700}.section3{background-color:#09090d;color:#e4ded7;padding:50px 12%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100vh}#section-title{font-family:Syne,sans-serif;font-size:4.5em;font-weight:700;line-height:1}.content-wrapper{display:flex;justify-content:space-between;width:100%}#section-content{max-width:55%}.section-description{font-family:Syne,sans-serif;font-size:1.5em;font-weight:400;margin:20px 0}#tools{max-width:25%}.tool-section{margin-top:15px}.tools-title{font-family:Syne,sans-serif;font-size:1.5em;font-weight:700}.tools-list{font-family:Syne,sans-serif;font-size:1em;font-weight:400}.contact-section{padding:100px 10%;background-color:#09090d;color:#e4ded7;text-align:center}.contact-title{font-family:Mona Sans Condensed,sans-serif;font-weight:700;font-size:25em;margin:0}.availability-text{font-family:Nothing You Could Do,cursive;font-size:2em;margin-top:-50px;margin-left:5px;color:#e4ded7}.contact-content{display:flex;justify-content:space-between;margin-top:100px}.contact-left,.contact-right{flex:1}.contact-left{text-align:left}.contact-right{display:flex;justify-content:flex-end;gap:30px}.contact-text{font-family:Syne,sans-serif;font-size:14px;margin-bottom:10px}.contact-email,.contact-social{font-family:Syne,sans-serif;font-size:20px;font-weight:700;color:#e4ded7;text-decoration:none}.contact-email{text-decoration:underline}.footer{margin-top:50px;text-align:center}.footer hr{border:none;border-top:1px solid #E4DED7;margin-bottom:20px}.footer-text{font-family:Syne,sans-serif;font-size:12px;text-align:left;color:#e4ded7}.video-showcase{background-color:#09090d;font-family:Syne,sans-serif;font-size:2em;padding:50px 0;text-align:center}.video-showcase h2{color:#e4ded7}.video-grid{display:flex;justify-content:center;gap:20px}.video-item{position:relative;overflow:hidden;width:300px;height:500px;cursor:pointer;transition:width .3s ease}.video-item:hover{width:500px}.video-thumbnail,.video-gif{position:absolute;top:0;left:0;width:500px;height:500px;object-fit:cover}.video-thumbnail{opacity:1;filter:grayscale(100%)}.video-item:hover .video-thumbnail{opacity:0;filter:grayscale(0%)}.video-gif{opacity:0}.video-item:hover .video-gif{opacity:1}.video-info{position:absolute;bottom:10px;left:10px;color:#fff;opacity:0;transition:opacity .3s ease}.video-item:hover .video-info{opacity:1}.video-title{font-size:26px;font-weight:700;margin:0}.video-arrow{font-size:24px}@media (max-width: 1200px){h1{font-size:12em}.avatar{height:200px}.laptop-bg{width:100%}.video-port{width:70%}}@media (max-width: 992px){h1{font-size:10em}.avatar{height:150px}.section2{flex-direction:column}.laptop-background,.project-info{width:100%;text-align:center}.project-info{align-items:center}.project-icons{justify-content:center}}.fixed-navbar{z-index:1000;font-family:Syne,sans-serif;position:fixed;bottom:8%;left:32%;right:32%;border-radius:10px;display:flex;justify-content:space-around;align-items:center;padding:15px;background-color:#09090d;color:#e4ded7;font-weight:500}.fixed-navbar a{color:#e4ded7;text-decoration:none;margin:0 10px;position:relative;padding-bottom:5px}.fixed-navbar svg{margin-right:10px}.fixed-navbar a.active{border-bottom:2px solid #E4DED7}@font-face{font-family:Mona Sans;src:url(/assets/MonaSans_slnt_wdth_wght_-BuEDUD0r.woff2) format("woff2-variations");font-weight:100 900;font-stretch:50% 150%;font-style:oblique 0deg 12deg}@font-face{font-family:Mona Sans Condensed Black;src:url(/assets/MonaSansCondensed-Black-2jGGfJiY.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Mona Sans Expanded Bold;src:url(/assets/MonaSansExpanded-Bold-Cz5efPJt.woff2) format("woff2");font-weight:700;font-style:normal}