html{scroll-behavior:smooth}main{padding:0 15vw}body{margin:0;overflow:scroll;background-color:#2e2735;font-family:muli,Arial;color:#fff}video{width:100%;margin:3vw 0}::-webkit-scrollbar{width:0;height:0;background:transparent}h1{font-size:3.5vw}#one{padding-top:5vh}figcaption,h2{font-size:2.5vw}p{font-size:1.8vw;line-height:1.35}.blink_text{font-weight:600;animation-name:blinking;animation-duration:1.5s;animation-iteration-count:infinite}@keyframes blinking{0%{color:#fff}0.1%{color:transparent}50%{color:transparent}50.1%{color:#fff}to{color:#fff}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}div.fade{position:absolute;z-index:10;top:35vh;width:100vw;height:0;margin:0}div.fade h1{position:relative;color:#2e2735;text-align:center;font-size:4vw;padding:0;margin:0;font-weight:400;transition:font-size .5s,top .5s}div.fade h1.first,div.fade h1.hover{top:-2vw;animation-name:fadeIn;animation-duration:1s;animation-timing-function:ease-in;opacity:1}div.fade h1:hover.hover{top:-2.6vw;font-size:4.2vw}div.fade a{text-decoration:none}@media (max-aspect-ratio:7/9){div.projects{grid-template-columns:69vw}h1{margin:2.5vw 0;font-size:7vw}figcaption,h2{font-size:5vw}p{font-size:3.6vw}div.fade h1{font-size:6vh;top:-3vh}div.fade h1.hover{top:-3vh}div.fade h1:hover.hover{top:-4vh;font-size:6.5vh}}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){div.fade{top:30vh}}}