@font-face{font-family:sf_mono;src:url(/_next/static/media/SFMonoRegular.26cb9773.otf)}@font-face{font-family:calibre;src:url(/_next/static/media/CalibreRegular.f8ba7af1.otf)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-body:#0a192f;--primary-color:#64ffda;--light-gray:#ccd6f6;--slate:#8892b0;--light-navy:#233554;--font-sans:calibre;--font-mono:sf_mono}::selection{background:var(--light-navy);color:#fff}body,html{width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-body);color:#fff;scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--slate)}::-webkit-scrollbar-thumb:hover{background-color:#555b6e}a{position:relative;text-decoration:none;color:var(--primary-color)}a:after{content:".";position:absolute;bottom:0;left:0;height:1px;width:0;background-color:var(--primary-color);opacity:.6;transition:width .3s ease}a:hover:after{width:100%;left:0}@keyframes opening-menu{0%{width:0;margin-left:90%}to{width:100%;margin-left:16%}}header{width:100%;height:80px;display:flex;justify-content:space-between;position:fixed;background-color:#0a192fb5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1111111;box-shadow:1px 1px 26px hsla(0,0%,8%,.596);filter:drop-shadow(25px);a:after{display:none}nav{max-width:740px;width:100%;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;ol{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;padding-top:200px;padding-left:100px;animation:opening-menu .3s;max-width:90%;height:10000%;margin-left:20%;background-color:#112240;position:absolute;font-family:var(--font-mono);svg{width:48px;height:48px;margin-top:40px;margin-left:50%;cursor:pointer}li{color:var(--primary-color);margin-top:100px}a{transition:color .25s ease-in-out;color:var(--light-gray);font-size:20px}a:hover{color:var(--primary-color)}#resume-button{width:120px;height:46px;display:grid;align-items:center;border:1px solid var(--primary-color);border-radius:4px;transition-duration:.25s;color:var(--light-gray);font-size:20px;margin-top:70px;margin-left:-30px;button{text-align:center;font-family:var(--font-mono);font-size:18px;transition:color .25s ease-in-out}button:after{display:none}}#resume-button:hover{box-shadow:4px 4px 0 var(--primary-color);color:var(--primary-color);margin:66px 6px 4px -36px}}button{width:auto;background-color:hsla(0,0%,100%,0);border:none;z-index:inherit;svg{width:50px;height:auto}}}}header .logo{width:40px}main{max-width:640px;width:100%;display:flex;flex-direction:column;padding:230px 24px 0;background-color:var(--bg-body)}.hero{width:100%;h1{font-size:16px;font-weight:400;color:var(--primary-color);font-family:var(--font-mono);margin-bottom:18px}h2{font-size:34px;color:var(--light-gray);letter-spacing:1px;margin-bottom:10px}h2,h3{font-weight:600;font-family:var(--font-sans)}h3{font-size:40px;line-height:35px;margin-bottom:20px}h3,p{color:var(--slate)}p{font-size:18px;font-family:var(--font-sans);line-height:1.2}}.about{width:100%;font-family:var(--font-sans);padding-top:230px;display:flex;flex-direction:column;h2{display:flex;align-items:center;font-size:24px;color:var(--light-gray);font-weight:600;line-height:20px;white-space:nowrap;margin-bottom:30px}h2:before{content:"01.";color:var(--primary-color);font-family:var(--font-mono);font-size:16px;margin-right:5px}h2:after{content:"";display:block;height:1px;width:100%;position:relative;background-color:var(--light-navy);margin-left:10px}.notes{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;p{font-size:20px;line-height:1.3;color:var(--slate)}a{color:var(--primary-color);text-decoration:none}}ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px 12px;gap:8px 12px;list-style-type:none;margin-bottom:50px;li{font-size:14px;font-family:var(--font-mono);color:var(--slate)}li:before{content:"▹";margin-right:10px;color:var(--primary-color)}}.img-me{width:100%;display:flex;flex-direction:column;align-items:center;div{max-width:270px;width:70%;aspect-ratio:1/1;z-index:11;position:relative}div,div:after{border-radius:5px}div:after{content:"";position:absolute;display:block;z-index:-1;top:0;left:0;width:100%;height:100%;margin:6px 0 0 6px;transition:opacity .3s;background-color:#28caa9}div:hover:after{opacity:0}div:before{content:"";display:block;position:absolute;border-radius:5px;margin:15px 0 0 15px;width:100%;height:100%;z-index:-1;background-color:transparent;border:3px solid var(--primary-color);transition:margin .5s}div:hover:before{margin:20px 0 0 20px}img{width:100%;height:100%;z-index:1;opacity:.5;border-radius:5px;overflow:hidden;margin:6px 0 0 6px;transition:margin .3s}img:hover{margin:1px;opacity:1}}}.projects{width:100%;font-family:calibre;padding-top:230px;display:flex;flex-direction:column;h2{width:100%;display:flex;align-items:center;font-size:28px;color:var(--light-gray);font-weight:600;line-height:20px;white-space:nowrap;margin-bottom:30px}h2:before{content:"02.";color:var(--primary-color);font-family:var(--font-mono);font-size:20px;margin-right:5px}h2:after{content:"";display:block;height:1px;width:100%;position:relative;background-color:var(--light-navy);margin-left:10px}.cards{width:100%;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;.card{width:300px;background-color:var(--bg-body);color:var(--light-gray);border-radius:16px;padding:20px;font-family:calibre;box-shadow:0 4px 20px rgba(0,0,0,.5);img{width:260px;margin-bottom:10px}.description{h3{display:flex;justify-content:space-between;font-weight:700;font-size:24px;margin-bottom:10px}p{height:80px;font-size:18px;color:var(--slate);margin:0 0 15px;flex:1 1;overflow:hidden}.stacks{display:flex;gap:8px;margin-bottom:15px;align-items:center;justify-content:space-between;font-family:sf_mono;h6{font-size:16px}.stack{font-size:20px}}.buttons{display:flex;gap:10px;a{display:flex;justify-content:center;align-items:center;gap:10px;flex:1 1;padding:6px 0;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-size:18px;margin:0;span{margin-top:5px}}a:after{display:none}a:hover{box-shadow:1px 1px 4px var(--primary-color)}.live-demo{background-color:var(--primary-color);color:var(--bg-body)}.code{background-color:var(--light-navy);color:var(--light-gray);border:1px solid var(--light-gray)}}}}}}.contact{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:230px;font-family:var(--font-sans);h2{font-size:14px;font-weight:400;color:var(--primary-color);font-family:var(--font-mono);margin-bottom:20px}.inner{display:flex;flex-direction:column;align-items:center;h3{font-size:34px;letter-spacing:1px;color:var(--light-gray);margin-bottom:10px}p{font-size:20px;font-weight:500;color:var(--slate);text-align:center;padding:0 24px}}.say-hi{position:absolute;margin-top:276px;width:124px;height:56px;display:grid;align-items:center;border:1px solid var(--primary-color);border-radius:4px;transition-duration:.25s;a{text-align:center;font-family:var(--font-mono);font-size:14px}a:after{display:none}}.say-hi:hover{box-shadow:4px 4px 0 var(--primary-color);margin-top:270px;margin-left:-6px}}footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:230px;padding-bottom:30px;background-color:var(--bg-body);nav{display:flex;gap:25px;svg{width:20px;height:20px}}a{transition:color .25s ease-in-out;color:var(--slate)}a:hover{color:var(--primary-color)}a:after{display:none}p{font-family:var(--font-mono);font-size:12px;color:var(--slate);letter-spacing:.4px}}.left,.right{display:none;margin-top:400px;position:fixed}.left{margin-right:100%;margin-left:80px;a:after{display:none}a{transition:color .25s ease-in-out;color:var(--slate)}a:hover{color:var(--primary-color)}ul{display:flex;height:500px;flex-direction:column;align-items:center;gap:20px;li{list-style:none;transition:margin .25s ease-in-out;svg{width:22px;height:22px}}li:hover{margin-top:-4px;margin-bottom:4px}}ul:after{content:"";margin-top:10px;display:block;height:100%;background-color:var(--slate);width:2px}}.right{width:2px;height:10px;margin-left:100%;margin-right:80px;margin-top:354px;display:none;font-family:var(--font-mono);transform:rotate(90deg);a:after{display:none}div:after{content:"";display:block;width:200px;height:2px;margin-top:-10px;margin-left:280px;background-color:var(--slate)}a{color:var(--slate);font-size:14px;letter-spacing:1px;transform:rotate(90deg);transition:all .25s ease-in-out}a:hover{color:var(--primary-color);margin-left:-4px}}.hidden{display:none}button{cursor:pointer}.right-menu{display:none}@media (min-width:768px){.right-menu{display:flex}header{padding:0 40px;nav{display:flex;max-width:1200px;justify-content:space-between;ol{max-width:1000px;height:auto;flex-direction:row;position:relative;gap:50px;justify-content:end;animation:none;align-items:center;padding:0;background-color:#ffffff00;li{margin-top:0}svg{display:none}#resume-button{margin-top:0}#resume-button:hover{margin-top:-4px}}button{display:none}}}main{padding:180px 100px 0;max-width:1100px}.hero{max-width:640px;h2{font-size:58px;font-weight:800;line-height:78px}h3{font-size:68px;line-height:60px}p{font-size:22px;line-height:28px}}.about{padding-top:170px;display:grid;grid-template-columns:repeat(2,1fr);h2{font-size:30px}h2:before{font-size:20px}.inner{grid-column:1/2;.notes{p{line-height:30px}}}}.contact{padding-top:170px;h2{font-size:18px}.inner{h3{font-size:46px;font-weight:900}p{max-width:640px;line-height:28px}}}footer{padding-top:322px;nav{display:none}}.left,.right{display:flex}}@media (min-width:1200px){header{nav{max-width:1500px;ol{gap:100px}}}main{max-width:1200px;.hero{max-width:1000px;h1{font-size:20px}h2{font-size:70px;letter-spacing:2px;font-weight:900}h3{font-size:80px}p{max-width:640px}}}.about,.contact{padding-top:260px;.inner{h3{font-size:60px;font-weight:900;font-style:bold}}}}