.logo-and-name{color:var(--theme-color)!important;display:flex;font-size:1em;gap:.6em;cursor:default}.logo-and-name:is(a){cursor:pointer}.logo-and-name svg.logo{color:inherit;width:2em;height:2em}.logo-and-name div.name{font-size:1.5em;font-weight:700}li.nav-item{padding:0 5px;height:100%;display:flex;align-items:center;position:relative;color:var(--fg2)}li.nav-item.active{color:var(--fg1)}li.nav-item.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:var(--fg1);border-radius:var(--space-unit) var(--space-unit) 0 0}li.nav-item a{color:inherit}li.nav-item a:focus,li.nav-item a:hover{color:var(--fg1)}li.nav-item p{cursor:default}header#header{position:fixed;width:100%;height:3.5em;z-index:100;background-color:var(--bg3);font-size:20px;box-shadow:0 0 1em var(--bg2);display:flex;align-items:center;justify-content:center;gap:1.75em;padding:0 .75em;transition:calc(3 * var(--time-unit)) opacity}header#header nav#nav{height:100%}header#header nav#nav ul{display:flex;gap:1.5em;height:100%}@media (max-width: 600px){header#header{font-size:18px;justify-content:start}}footer#footer{background-color:var(--bg1);font-size:var(--fsz1);display:flex;align-items:center;justify-content:center;color:var(--fg3);gap:var(--space-unit);padding:var(--space-unit)}footer#footer a,footer#footer button{color:inherit}footer#footer a:hover,footer#footer a:focus,footer#footer button:hover,footer#footer button:focus{color:var(--fg2)}footer#footer div.mobile-row{display:flex;gap:var(--space-unit)}@media (max-width: 600px){footer#footer{flex-direction:column}}div.project-card{width:100%;background-color:var(--bg3);border-radius:var(--space-unit);overflow:hidden}div.project-card img.banner{display:block;width:100%;border:4px solid var(--bg3);border-bottom:0;border-radius:var(--space-unit) var(--space-unit) 0 0}div.project-card div.info{display:flex;flex-direction:column;gap:10px;padding:var(--space-unit)}div.project-card div.info div.header{font-size:var(--fsz4);font-weight:700;display:flex;align-items:center;gap:10px}div.project-card div.info div.header img{width:1.5em;height:1.5em}div.project-card div.info div.description{color:var(--fg2)}div.project-card div.info div.tiles{display:flex;gap:10px;flex-wrap:wrap}div.project-card div.info div.tiles div.tile{background-color:var(--bg4);padding:5px 12px;border-radius:5px;color:var(--fg2)}div.project-card div.info div.options{display:flex;flex-direction:column;gap:10px}@media (max-width: 600px){div.project-card div.info div.tiles{gap:5px}}div#home-page section#intro-section{width:100%;height:80vh;min-height:40vw;display:flex;align-items:end;justify-content:center;position:relative}div#home-page section#intro-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,var(--bg2),transparent);z-index:20}div#home-page section#intro-section div#maze{position:fixed;width:100%;height:100%;top:0;left:0;background-image:url(/files/images/maze.png);image-rendering:pixelated;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:5;opacity:calc(100 * (1 - var(--scroll-percentage)))}div#home-page section#intro-section div.inner{width:100%;height:calc(100% * (1 - var(--scroll-percentage)));display:flex;align-items:center;justify-content:center}div#home-page section#intro-section div.inner div.content{max-width:800px;display:flex;flex-direction:column;gap:.5em;padding:var(--space-unit)}div#home-page section#intro-section div.inner div.content div.heading{font-size:var(--fsz5);font-weight:700;text-align:center}div#home-page section#intro-section div.inner div.content div.info{color:var(--fg2);font-size:var(--fsz3);text-align:center}div#home-page main#main{position:relative;display:flex;flex-direction:column;gap:var(--space-unit)}div#home-page main#main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg2)}div#home-page main#main section#projects-section{display:flex;flex-direction:column;gap:var(--space-unit)}div#home-page main#main section#projects-section>div.title{text-align:center;font-weight:700;font-size:var(--fsz5)}div#home-page main#main section#projects-section div.content{max-width:800px;display:flex;flex-direction:column;gap:var(--space-unit)}div#home-page main#main section#note-section{color:var(--fg2);text-align:center}@media (max-width: 600px){div#home-page section#intro-section div.content div.heading{text-align:left}div#home-page section#intro-section div.content div.info{text-align:left}}div#contact-page{display:flex;align-items:center;justify-content:center}div#contact-page div#contacts-card{margin:var(--space-unit);border-radius:var(--space-unit);background-color:var(--bg3);width:100%;max-width:550px;display:flex;flex-direction:column;overflow:hidden}div#contact-page div#contacts-card div.header{font-weight:700;font-size:var(--fsz4);text-align:center;background-color:var(--bg4);padding:var(--space-unit)}div#contact-page div#contacts-card div.rows div.point{padding:var(--space-unit)}div#contact-page div#contacts-card div.rows div.point:not(:last-child){border-bottom:3px solid var(--bg4)}div#contact-page div#contacts-card div.rows div.point div.name{font-weight:700;font-size:var(--fsz3);display:flex;align-items:center}div#contact-page div#contacts-card div.rows div.point div.name:after{content:":"}div#contact-page div#contacts-card div.rows div.point div.name svg.icon{width:1.25em;height:1.25em;margin-right:5px}div#contact-page div#contacts-card div.rows div.point div.value{color:var(--fg2)}div#not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center}div#not-found-page div#error-card{margin:var(--space-unit);border-radius:var(--space-unit);background-color:var(--bg3);max-width:600px;display:flex;flex-direction:column;overflow:hidden}div#not-found-page div#error-card div.header{font-weight:700;font-size:var(--fsz4);text-align:center;background-color:var(--bg4);padding:var(--space-unit)}div#not-found-page div#error-card div.contents{padding:var(--space-unit);display:flex;flex-direction:column;gap:10px;color:var(--fg2)}div#root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg2);color:var(--fg1);font-size:var(--fsz2);font-weight:var(--fw1);min-height:100vh;display:flex;flex-direction:column}div#root div.page{flex-grow:1}div#root div.page.has-header{margin-top:70px}div#root div.page main#main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-unit)}button{color:var(--link1)}button:hover{color:var(--link2)}a svg.icon,button svg.icon{width:.9em;height:.9em;color:inherit;flex-shrink:0;margin-right:.4em}@media (max-width: 600px){div#root div.page.has-header{margin-top:63px}}:root{--bg1: hsl(240deg, 5%, 05%);--bg2: hsl(240deg, 5%, 10%);--bg3: hsl(240deg, 5%, 15%);--bg4: hsl(240deg, 5%, 20%);--sep: hsl(240deg, 5%, 30%);--fg3: hsl(240deg, 5%, 50%);--fg2: hsl(240deg, 5%, 65%);--fg1: hsl(240deg, 5%, 95%);--theme-color: #ff5555;--link1: var(--theme-color);--link2: color-mix(in srgb, var(--link1) 67%, transparent 33%);--space-unit: 20px;--fsz1: 14px;--fsz2: 18px;--fsz3: 20px;--fsz4: 24px;--fsz5: 28px;--time-unit: .1s}@media (max-width: 600px){:root{--space-unit: 15px;--fsz1: 12px;--fsz2: 16px;--fsz3: 18px;--fsz4: 22px;--fsz5: 26px}}*{margin:0;padding:0;border:none;outline:none;box-sizing:border-box;z-index:10}html,body{min-height:100vh;position:relative;background-color:var(--bg2);overflow-x:hidden}a{color:var(--link1);text-decoration:inherit;width:fit-content;transition:var(--time-unit) color;cursor:pointer}a:hover,a:focus{color:var(--link2)}li{list-style:none}button{background-color:transparent;width:fit-content;text-align:left;color:var(--link1);transition:var(--time-unit) color;cursor:pointer;font:inherit}button:hover,button:focus{color:var(--link2)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=file]{display:none}svg{color:var(--fg1)}