@import "https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
body{background-color:#e5e5e5;height:100vh;font-family:Jura,sans-serif;overflow:hidden}.container{border:1px solid #a8a8a8;flex-direction:row;flex:1;justify-content:space-between;height:calc(100vh - 150px);margin:40px 40px 0;padding:25px;display:flex}footer{text-align:left;color:#484848;justify-content:space-between;align-items:center;gap:16px;margin-top:-10px;margin-left:50px;padding-right:50px;display:flex}nav.navbar{display:block}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:8px;display:none}.nav-toggle-bar{background-color:#484848;width:22px;height:2px;transition:opacity .2s,transform .2s;display:block}body.dark .nav-toggle-bar{background-color:#c8c8c8}h1{color:#484848;letter-spacing:-.03em;margin:0;font-size:60px}h3{color:#484848;margin:0;padding-left:10px;font-size:15px}nav ul{margin-top:15px;margin-bottom:0;padding-left:30px;list-style:none;display:block}nav ul li{padding-top:10px;padding-bottom:10px;display:block}nav ul li a{color:#484848;font-size:15px;text-decoration:none}nav ul li a:hover{color:#aeaeae;transition:all .3s}main{align-self:flex-end;width:500px}main>p{color:#484848;width:30%;margin-top:390px;margin-left:67%;font-size:14px;font-weight:700;line-height:150%}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-bg{background:linear-gradient(-45deg,#f7f7f7,#d3d3d3,#9c9c9c,#636363) 0 0/400% 400%;animation:10s infinite gradient-shift}body.dark{background-color:#141414}body.dark h1,body.dark h2,body.dark h3,body.dark footer,body.dark ul li a,body.dark ul li>p,body.dark main>p{color:#c8c8c8}body.dark .container{border:1px solid #3c3c3c}body.dark .animated-bg{background-size:400% 400%;animation:10s infinite gradient-shift;background-image:linear-gradient(-45deg,#0a0a0a,#2e2e2e,#717171,#919191)!important}.toggle-button{position:fixed;bottom:80px;right:4px;transform:rotate(90deg)}.info-main{flex-direction:column;justify-content:center;align-items:center;width:600px;height:100%;display:flex}.info-main ul{text-align:left;margin:200px 0 0 300px;padding:0;list-style:none}.info-main ul li{margin-bottom:2px}.info-main ul li a{color:#484848;justify-content:flex-start;align-items:center;gap:10px;font-size:13px;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.info-main ul li a:hover{color:#aeaeae}.info-main .arrow{font-size:.6em;transition:transform .3s}.info-main ul li a:hover .arrow{transform:translate(2px,-2px)}body.dark .info-main ul li a{color:#c8c8c8}body.dark .info-main ul li a:hover{color:#fff}ul{margin-right:10px;padding-left:0;list-style:none}ul li{margin-bottom:20px}ul li a{color:#484848;text-decoration:none}h2{color:#484848;text-align:right;margin:0;font-size:70px}ul li>p{color:#484848;text-align:right;margin:0;font-size:14px}main.projects-main{-ms-overflow-style:none;scrollbar-width:none;align-self:flex-start;width:500px;max-height:calc(100vh - 200px);padding-right:30px;overflow-y:auto}main.projects-main ul{padding-top:100px}.contact-form{flex-direction:column;align-self:flex-end;gap:20px;width:400px;margin-left:50px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.1em;color:#484848;font-size:12px}.form-group input,.form-group textarea{color:#484848;background:0 0;border:1px solid #a8a8a8;outline:none;padding:10px;font-family:Jura,sans-serif;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#484848}.submit-btn{cursor:pointer;color:#484848;background:0 0;border:1px solid #484848;justify-content:center;align-items:center;gap:10px;padding:12px;font-family:Jura,sans-serif;font-weight:700;transition:all .3s;display:flex}.submit-btn:hover{color:#fff;background-color:#484848}body.dark .form-group label,body.dark .form-group input,body.dark .form-group textarea,body.dark .submit-btn{color:#c8c8c8;border-color:#3c3c3c}body.dark .submit-btn:hover{color:#141414;background-color:#c8c8c8}.loading-screen{z-index:10000;background-color:#e5e5e5;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-content h4{color:#484848;font-family:Jura,sans-serif;font-size:32px;font-weight:400;animation:2s ease-in-out fade-in-out}.loading-content h4 span{color:#969696;font-weight:300}@keyframes fade-in-out{0%{opacity:0;transform:translateY(10px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}body.dark .loading-screen{background-color:#141414}body.dark .loading-content h4{color:#c8c8c8}.thank-you-main{text-align:right;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:600px;height:100%;display:flex}.thank-you-main .content{text-align:end;margin-top:50px;margin-left:50px}.thank-you-main p{color:#484848;max-width:400px;margin-bottom:20px;font-size:16px}.back-link{color:#484848;justify-content:flex-end;align-items:flex-end;gap:8px;font-size:18px;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.back-link:hover{color:#aeaeae}body.dark .thank-you-main p,body.dark .back-link{color:#c8c8c8}.mobile{display:none}@media (max-width:768px){.desktop{display:none}.mobile{width:100%;display:block}.mobile section{border-top:1px solid #a8a8a8;padding:10px 0}.mobile section:first-of-type{border-top:none}.mobile section:last-of-type{padding-bottom:10px}.mobile p{font-size:14px;line-height:1.6}.mobile a{color:#484848;text-decoration:none}.mobile a:hover{color:#aeaeae}body.dark .mobile section{border-top-color:#3c3c3c}body.dark .mobile a{color:#c8c8c8}body.dark .mobile a:hover{color:#fff}body{min-height:100vh;overflow:auto}.container{flex-direction:column;justify-content:flex-start;height:auto;min-height:calc(100vh - 120px);margin:16px 16px 0;padding:16px}nav.navbar{justify-content:space-between;align-items:flex-start;display:flex}.nav-brand{flex:1;min-width:0}.nav-brand h1{font-size:32px}.nav-brand h3{margin-top:4px;padding-left:0;font-size:14px}.nav-toggle,nav.navbar .navLinks{display:none}.container>div{order:2}main{align-self:flex-start;width:100%}main>p{width:100%;margin-top:16px;margin-left:0;font-size:14px}footer{justify-content:space-between;align-items:center;gap:16px;margin-top:0;margin-left:16px;padding-right:16px;display:flex}footer p{margin-top:8px}footer .toggle-button{flex-shrink:0;position:static;transform:rotate(0)}main.projects-main{order:2;width:100%;max-height:none;padding-right:0}main.projects-main ul{margin-right:0;padding-top:0}main.projects-main ul li{margin-bottom:5px}main.projects-main h2{text-align:left;font-size:22px}main.projects-main ul li>p{text-align:left;opacity:.85;font-size:12px}.info-main{order:2;width:100%;height:auto}.info-main ul{margin:0;display:inline-flex}.info-main li{margin:0;padding-left:5px;padding-right:5px}.info-main .arrow{display:none}.info-main ul li a{font-size:12px}main.contact-main{order:2}.contact-form{align-self:center;width:90%;margin-left:10px}main.thank-you-main{order:2;justify-content:center;align-items:center;width:100%}main.thank-you-main .back-link{justify-content:center;align-items:center}main.thank-you-main .content{align-items:center;margin:30px 0 0}}