@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap";#home{min-height:100dvh}#home .wrapper{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}#home .title-box{margin:84px 0 3rem}#home .title-box h1{margin-bottom:0}#home .outro{margin-bottom:1rem}#home .outro h2,#home .outro p{margin-bottom:8px}#home .outro .scroll-down-button,#about p{font-size:1rem}#about p:last-of-type{margin-bottom:5rem}@media only screen and (min-width: 768px){#about p{font-size:18px}}#about h2:first-of-type{margin-bottom:2rem}#about h2,#about h3{margin-bottom:24px}@media only screen and (min-width: 768px){#about h2,#about h3{margin-bottom:32px}}#about h3:last-of-type{margin:2rem 0 24px}@media only screen and (min-width: 768px){#about h3:last-of-type{margin:2rem 0}}header{background-color:transparent;position:fixed;top:0;left:0;width:100%;z-index:2;box-sizing:border-box}header .wrapper{display:flex;justify-content:space-between;align-items:center;position:relative;border-top:var(--base-border)}@media only screen and (min-width: 768px){header .wrapper{padding-right:0}}header .mobile-menu-button{font-size:28px;border:none;background-color:transparent;color:var(--primary);padding:16px 0;margin:0;cursor:pointer;display:block}header .mobile-menu-button:hover{color:var(--accent)}header .mobile-menu-button:active{color:var(--primary)}@media only screen and (min-width: 768px){header .mobile-menu-button{display:none}}header a.logo{padding:0;font-size:28px;font-family:Oswald,sans-serif;line-height:1;text-transform:uppercase;font-weight:900;color:var(--primary)}@media only screen and (min-width: 768px){header a.logo{font-size:32px}}button.theme-toggle{color:var(--primary);background-color:var(--secondary);border:none;border-left:var(--base-border);padding:0 24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:28px}button.theme-toggle:hover{color:var(--secondary);background-color:var(--primary)}.mobile-menu{position:fixed;top:0;left:100%;width:100%;height:100dvh;background-color:var(--secondary);border:var(--base-border);color:var(--primary);z-index:3;display:block;transition:transform .5s;box-sizing:border-box}.mobile-menu.active{transform:translate(-100%)}@media only screen and (min-width: 768px){.mobile-menu{display:none}}.mobile-menu .menu-header{width:auto;height:auto;padding:12px 24px;border-bottom:var(--base-border)}.mobile-menu .menu-header h2:before{content:none}.mobile-menu .mobile-menu-back-button{font-size:2rem;background-color:transparent;padding:0;margin:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--primary)}nav{display:none;height:100%}@media only screen and (min-width: 768px){nav{display:flex}}nav ul{display:flex;padding:16px 0}nav ul li{margin-right:1rem}nav a{font-size:1.2rem;line-height:1;color:var(--primary);padding-bottom:5px;position:relative;display:block;text-transform:lowercase;overflow-x:hidden}nav a:after{content:"";position:absolute;top:100%;left:-100%;width:100%;height:5px;background-color:var(--primary);transition:all .3s;margin-top:-5px}nav a:hover:after{transform:translate(100%)}.mobile-menu nav{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:calc(100dvh - 76px);position:relative}.mobile-menu nav ul{padding:0;display:block;width:100%;overflow:scroll}.mobile-menu nav ul li{margin:0;border-bottom:3px solid var(--primary)}.mobile-menu nav ul a{font-size:2.5rem;padding:16px 24px}.mobile-menu nav ul a:after{content:none}.toggle input{height:0;width:0;visibility:hidden;position:absolute;left:0;top:0}.toggle label{display:inline-block;height:100%;width:65px;border-left:var(--base-border);font-size:28px;cursor:pointer;box-sizing:border-box}.toggle label:hover{color:var(--secondary);background-color:var(--primary)}.toggle label .label-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.mobile-menu .toggle{border:none;width:100%;pointer-events:none}.mobile-menu .toggle label{pointer-events:all;position:relative;width:100%;height:auto;padding:16px 24px;border:none;border-top:var(--base-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--primary);color:var(--secondary)}.mobile-menu .toggle label .label-wrapper{justify-content:space-between;width:100%}section{height:auto;min-height:100%;width:100%;background-color:transparent;position:relative;box-sizing:border-box;display:block}section .wrapper{min-height:100%}.project{width:100%;position:relative;display:block;margin-bottom:5rem}.project:nth-child(2n) .project-col:first-of-type{order:2}.project:nth-child(2n) .project-col:first-of-type .project-image{right:initial;left:0}.project:nth-child(2n) .project-col:last-of-type{order:1}.project:nth-child(2n) .project-col:last-of-type .project-content{margin:2rem 0 0}@media only screen and (min-width: 1024px){.project:nth-child(2n) .project-col:last-of-type .project-content{margin:2rem 0 0 2rem}}.project-wrapper{width:auto;display:block;position:relative}@media only screen and (min-width: 1024px){.project-wrapper{gap:3rem;display:flex}}.project-col{width:100%;position:relative;display:block}.project-col:first-of-type{margin-bottom:2rem}@media only screen and (min-width: 1024px){.project-col{flex:1 1 50%}.project-col:first-of-type{margin-bottom:0}}.project-figure{width:100%;height:auto;margin:0;padding:0}@media only screen and (min-width: 1024px){.project-figure{width:100%;height:500px}}.project-image{height:auto;width:100%;max-width:initial;box-shadow:3px 3px 15px #777}@media only screen and (min-width: 1024px){.project-image{margin-bottom:0;height:500px;position:absolute;top:0;right:0;width:auto}}.theme-dark .project-image{box-shadow:none}.project-content{margin:0}@media only screen and (min-width: 1024px){.project-content{margin:2rem 2rem 0 0}}.project-content h3{margin-bottom:1rem}.project-content .project-short-desc{margin-bottom:1.3rem}@media only screen and (min-width: 1024px){.project-content .project-short-desc{margin-bottom:2rem;margin-top:1.5rem}}.buttons{z-index:1;position:relative;display:flex;gap:12px;justify-content:flex-start;flex-direction:column}@media only screen and (min-width: 768px){.buttons{gap:1rem;flex-direction:row}}.button.outline{position:relative;display:inline-block;width:fit-content;padding:8px 1rem;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:400;color:var(--primary);background-color:transparent;border:2px solid var(--primary);transition:all .3s ease-in-out;box-sizing:content-box;cursor:pointer;background:var(--secondary)}.button.outline:hover{background-color:var(--secondary)}.button.outline:after{content:"";position:absolute;top:-2px;left:-2px;z-index:-1;width:100%;height:100%;border:2px solid var(--primary);background:var(--secondary);transition:top .3s,left .3s}.button.outline:hover:after{top:5px;left:5px}@media only screen and (min-width: 768px){.button.outline{border:3px solid var(--primary);padding:10px 15px}.button.outline:after{border:3px solid var(--primary);top:-3px;left:-3px}}.button-wrapper{display:flex;align-items:center;justify-content:center;gap:6px}.icon{width:13px;height:auto;color:var(--primary)}@media only screen and (min-width: 768px){.icon{width:16px}}.footer{width:100%}.footer .footer__wrapper{border-top:none}.footer nav{display:block;padding:16px 0}.footer nav .button-link-image{width:28px;color:var(--primary)}.footer nav .button-link-image:hover{color:var(--accent)}.footer ul{padding:0;justify-content:space-around;align-items:center}@media only screen and (min-width: 640px){.footer ul{justify-content:flex-end}}.footer li{margin:0}@media only screen and (min-width: 768px){.footer li{margin-right:1rem}.footer li:last-of-type{margin-right:0}}.footer a:after{content:none}.footer .footer__link .icon{width:32px;height:auto;color:var(--primary)}.footer .footer__link .icon:hover{color:var(--accent)}.title-box{opacity:0;visibility:hidden;margin:.5rem 0 3rem}@media only screen and (min-width: 768px){.title-box{margin:.5rem 0 5rem}}h1.title{line-height:1}.word{display:block;overflow-y:hidden;position:relative;padding:0;margin:0}html,#root{transition:background-color .3s,color .3s;--white: #f5f5f5;--black: #242424;--red: #e74c3c;--base-font-family: "Inter", sans-serif;--heading-font-family: "Oswald", sans-serif;font-family:var(--base-font-family);font-size:16px;font-weight:300;color:var(--primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--base-border: 5px solid var(--primary);width:100%;height:100%;min-height:100%;box-sizing:border-box}html.theme-light,#root.theme-light{--primary: var(--black);--secondary: var(--white);--accent: var(--red)}html.theme-light body,#root.theme-light body{background-image:url(/dots-light-theme.svg)}html.theme-dark,#root.theme-dark{--primary: var(--white);--secondary: var(--black);--accent: var(--red)}html.theme-dark body,#root.theme-dark body{background-image:url(/dots-dark-theme.svg)}@media only screen and (min-width: 768px){html,#root{font-size:20px}}@media only screen and (min-width: 1024px){html,#root{font-size:22px}}html,body{width:100%;height:100%;min-height:100%}body{background-color:var(--secondary);background-size:35px;background-repeat:repeat;background-attachment:fixed;margin:0;padding:0;font-size:24px}.wrapper{width:auto;box-sizing:border-box;max-width:1400px;height:100%;min-height:100%;border-left:var(--base-border);border-bottom:var(--base-border);border-right:var(--base-border);background-color:var(--secondary);padding:0 1rem;overflow-x:hidden}.content{width:100%;max-width:600px}a{text-decoration:none;line-height:1}button.icon-button{border:none;background-color:transparent;color:var(--primary);padding:0;margin:0;cursor:pointer;display:block}button.icon-button img{height:24px;width:auto;padding:0;margin:0}p{font-size:1rem;margin:0 0 24px;padding:0;line-height:1.5}@media only screen and (min-width: 768px){p{margin:0 0 24px}}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:Oswald,sans-serif;line-height:1;margin-bottom:8px;text-transform:uppercase;margin-top:0;color:var(--primary)}@media only screen and (min-width: 768px){h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin-bottom:12px}}h1,.h1{font-size:4.2rem;letter-spacing:-2px}@media only screen and (min-width: 640px){h1,.h1{font-size:7rem}}@media only screen and (min-width: 768px){h1,.h1{letter-spacing:-3px;font-size:8rem}}@media only screen and (min-width: 1024px){h1,.h1{font-size:9.5rem}}@media only screen and (min-width: 1280px){h1,.h1{font-size:9.7rem}}h2,.h2{font-size:2rem;position:relative;line-height:1.1}h2:before,.h2:before{content:"";height:5px;width:100px;top:-13px;position:absolute;left:0;background-color:var(--primary)}@media only screen and (min-width: 640px){h2,.h2{font-size:2.3rem}}@media only screen and (min-width: 768px){h2,.h2{font-size:2.5rem}h2:before,.h2:before{width:120px;top:-20px}}h3,.h3{font-size:1rem;font-family:Open Sans,sans-serif;line-height:1.3;font-weight:800;letter-spacing:.6px}@media only screen and (min-width: 768px){h3,.h3{font-size:.8rem}}ul{margin:0;padding:0;list-style-type:none}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}