@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes hueRotate{to{filter:hue-rotate(1turn)}}@keyframes colour-1{0%{top:0;left:50vw}25%{left:0}50%{top:100vh}75%{left:100vw}to{top:0;left:50vw}}@keyframes colour-2{0%{top:50vh;left:100vw}25%{top:100vh}50%{left:0}75%{top:0}to{top:50vh;left:100vw}}@keyframes colour-3{0%{top:100vh;left:50vw}25%{left:100vw}50%{top:0}75%{left:0}to{top:100vh;left:50vw}}.one{box-shadow:0 0 45vmax 45vmax purple;animation:hueRotate 10s linear 0s infinite,colour-1 19s linear 0s infinite}.two{box-shadow:0 0 45vmax 45vmax blue;animation:hueRotate 15s linear 0s infinite,colour-2 25s linear 0s infinite}.three{box-shadow:0 0 45vmax 45vmax red}.four,.three{animation:hueRotate 20s linear 0s infinite,colour-3 15s linear 0s infinite}.four{box-shadow:0 0 45vmax 45vmax green}html{scroll-behavior:smooth}html:before{content:"";justify-content:center;position:fixed;width:100%;height:999px;background-color:#0a192f;z-index:-1}.main-body{margin:0;background-color:#fff}::-webkit-scrollbar{position:absolute;height:0;width:0;display:none}header .wrapper{width:100vw;position:relative;display:block;overflow-y:visible;background-color:hsla(0,0%,18%,.9)}header .wrapper .rotated-wrapper{overflow:hidden;display:block;position:relative;height:25vh;margin-bottom:-8vh}header .wrapper .diagonal-mask{height:100%;position:absolute;top:0;width:100%;background:linear-gradient(to bottom left,transparent 50%,white 0)}header .base{position:absolute;filter:blur(50px);opacity:.6}@keyframes fly{0%{transform:rotate(1turn);background-color:#1c866c}50%{transform:rotate(0);background-color:#1c8835}to{transform:rotate(1turn);background-color:rgba(56,139,164,.7333333333)}}header .title-container .intro-title{font-family:inter;font-weight:600;color:#fff;font-size:40px;mix-blend-mode:difference}header .title-container{position:absolute;top:40px;right:40px;text-align:right}.contain-paint{contain:paint}body .projects-container{display:flex;flex-direction:column;z-index:1}body a{text-decoration:none;color:hsl(0,0%,34%)}body h3{margin-bottom:10px;margin-top:0;font-size:1.4em;font-weight:400}body h3,body p{font-family:inter}body p{font-weight:200;font-size:1em;line-height:1.5em}body .inline-block{display:inline-block}body .dynamicTitle{font-family:inter;font-weight:700;color:hsl(0,0%,34%);font-size:1.5em;width:-webkit-fit-content;width:fit-content;margin-left:50px;z-index:1;transition:text-shadow .2s linear}body .dynamicTitle a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:10px;left:0;background-color:#08c;transform-origin:bottom right;transition:transform .25s ease-out}body .dynamicTitle.hover a{transition:color .5s,font-size .5s;width:100%;font-size:30px}body .dynamicTitle.hover :after{transform:scaleX(1) translateY(5px);transform-origin:bottom left}body .dynamicTitle:hover{text-shadow:0 1px 2px gray}body .carousel-container{scroll-behavior:smooth;overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:.4s;margin:0;height:215px!important;padding:15px 0 0}body .carousel-container.hover{transition:2s;width:230px}body .imc{display:flex;flex-direction:row;gap:10px;width:800px;height:200px}@media(min-width:768px){body .dt0{height:50px;top:0;bottom:200px}body .dt1{height:50px;top:50px;bottom:150px}body .dt2{height:50px;top:100px;bottom:100px}body .dt3{height:50px;top:150px;bottom:50px}body .dt4{height:50px;top:200px;bottom:0}body .dt5{height:50px;top:250px;bottom:-50px}body .dt6{height:50px;top:300px;bottom:-100px}body .dt7{height:50px;top:350px;bottom:-150px}body .dt8{height:50px;top:400px;bottom:-200px}body .dt9{height:50px;top:450px;bottom:-250px}body .dt10{height:50px;top:500px;bottom:-300px}}@media(max-width:768px){body .dynamicTitle{font-size:14px!important;background-color:#fff;margin-left:5px!important;position:relative}body .project-card-border{width:100%;height:auto!important;margin-right:auto!important}body .title-container .intro-title{font-family:inter;font-weight:800;font-size:30px}}