@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";#canvas-container{width:100%;height:100vh}.App{position:relative;width:100%;height:100vh;z-index:0;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:4.5% 95.5%}.bottom-block{position:absolute;bottom:2%;right:0;width:70%;height:2px;z-index:5;background-color:#fff}.second-block{position:absolute;bottom:6%;right:0;width:50%;height:1px;z-index:5;background-color:#fff}nav{grid-column:1/2;grid-row:1/2;width:40%;z-index:10;margin:0 30%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}nav>a{width:auto;padding:.5rem;background:rgba(255,255,255,0);font-size:1.7rem;font-weight:100;color:#ffffff59;transition:padding .75s ease-in-out,background .5s ease-in-out,color .5s ease-in-out;cursor:pointer;text-decoration:none}nav>a:hover{padding:.5rem 2rem;background:rgba(255,255,255,.75);color:#000}nav>a.selected{padding:.5rem 2rem;background:rgba(255,255,255,.35);color:#fff}.canvas-cntr{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.content-cntr{grid-column:1/2;grid-row:2/3;justify-self:center;align-self:stretch;width:65%;z-index:2;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.page-cntr{margin:3rem 0;padding:3rem;border:1px solid white;background-color:#0009;box-shadow:0 0 7.8px #00000010,0 0 17.2px #00000017,0 0 28.8px #0000001c,0 0 43.4px #00000021,0 0 62.6px #00000025,0 0 88.6px #00000029,0 0 125.7px #0000002e,0 0 182.5px #0003,0 0 281.3px #0000003a,0 0 500px #0000004a;overflow-x:hidden;overflow-y:auto;display:grid;grid-template:1fr 4fr / 1fr}.page-cntr>h1{padding-bottom:2rem;border-bottom:1px dashed white;font-size:clamp(48px,5vw,72px);line-height:2.5rem}.page-cntr>h2{border-bottom:1px dashed white;font-size:clamp(24px,4vw,48px)}.page-cntr>p{font-size:clamp(12px,3vw,24px);line-height:2rem}.page-cntr>ul>li>span{font-weight:700}.page-cntr>ul>li>a{font-weight:700;color:#fff;transition:letter-spacing 325ms ease-in-out}.page-cntr>ul>li>a:hover{letter-spacing:1px}.title-cntr{justify-self:center;align-self:center;width:100%;z-index:1;text-align:left;color:#fff}.title-cntr>h1{margin:0;font-size:7rem;font-weight:200;line-height:7rem}.title-cntr>h3{padding-top:5vh;border-top:3px dashed rgba(255,255,255,.5);font-size:3rem;font-weight:100}.blinking-cursor:after{content:"|";color:#fff;animation:blink 925ms infinite}@keyframes blink{50%{opacity:0}}.about-img{width:16%;margin:2rem 42%}@media only screen and (max-width: 768px){nav{width:90%;margin:0 5%}nav>a{padding:0;font-size:4vw;transition:none}nav>a.selected{padding:0 1vw}.title-cntr>h1{font-size:12vw;line-height:12vw}.title-cntr>h3{margin:3vh 0 0;padding-top:2.5vh;font-size:6vw}.content-cntr{width:80%}.page-cntr{height:70%;padding:2vh}.page-cntr>h1{margin:0;padding-bottom:2vh;font-size:4vh}.page-cntr>p{font-size:clamp(1rem,4vw,2rem);line-height:8vw}.about-img{width:44%;margin:2vw 28% 0}}:root{z-index:0;font-family:Space Mono,Inter,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;width:100%;min-width:320px;min-height:100vh}