*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;height:100dvh;font-family:Gloock,serif;font-weight:400;font-style:normal;color:#fff;scroll-snap-type:y mandatory;scroll-behavior:smooth;background-color:#000}a{text-decoration:none;color:#fff}section{scroll-snap-align:start}h1{font-weight:400}h3{font-weight:400;font-size:1.8rem}.title{color:#fff;text-align:center;font-size:60px;position:absolute;text-wrap:wrap!important;max-width:100%;z-index:2;top:10%;left:50%;transform:translate(-50%,-50%);opacity:0}@media (min-width: 992px){.title{font-size:108px;text-wrap:nowrap!important}}.webgl{position:fixed;top:0;left:0;width:100%;height:100dvh}nav{color:#fff;z-index:2;position:relative;padding:4rem;display:flex;justify-content:space-between}nav a{text-decoration:none;columns:#fff;font-weight:700}.container{color:#fff;z-index:2;display:flex;justify-content:center;align-items:center}.container .aboutImage{width:200px;height:200px;margin-bottom:.6rem;margin-top:1rem;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px #0003;animation:blobbing 16s infinite;overflow:hidden}.container .aboutImage:hover{animation-play-state:paused}@keyframes blobbing{0%{border-radius:30% 60% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px #0003}25%{border-radius:58% 60% 75% 25%/76% 50% 54% 40%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px #0003}75%{border-radius:36% 67% 58% 42%/63% 68% 32% 37%}}.container .text-container{z-index:2;flex-direction:column;align-items:center;justify-content:space-between;display:flex}.container .text-container .text-box{height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center;opacity:0}.container .text-container .text-box h3{font-size:1.6rem}.container .text-container .text-box p{font-size:1.2rem;text-align:center;line-height:2.2rem;max-width:90%;margin-bottom:1rem}@media (min-width: 768px){.container .text-container .text-box p{max-width:50%}}.container .text-container .btn{background-color:#0000;font-family:Gloock,serif;font-weight:400;border:none;color:#fff;font-size:1.4rem;cursor:pointer}.container .text-container .btn:hover{background-color:#0000;color:#757575;transition:.5s ease-in-out}.container .text-container .projectsBtn{font-size:1.8rem}.container .gh-list{list-style-type:none;padding:1rem}.container .gh-list li{margin:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.container .gh-list li a{color:#fff;text-decoration:none;font-size:1.8rem}.container .gh-list .description{font-size:1.2rem;font-style:italic;margin-top:.6rem;line-height:2rem}.container .gh-list .description a{font-size:1.6rem;margin-left:1rem;padding:5px;position:relative;border-radius:3px;box-shadow:0 0 0 1px #00000003}.container .gh-list .description a:after{position:absolute;content:"";top:0;left:0;right:0;z-index:-1;height:100%;width:100%;opacity:.8;transform:scale(.9) translateZ(0);filter:blur(10px);background:linear-gradient(to left,#c42da8,#9e16c3,#6501de,#9e16c3,#c42da8);background-size:200% 200%;animation:animateGlow 3s linear infinite}@keyframes animateGlow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes modal-bg-in{0%{opacity:0}to{opacity:1}}@keyframes modal-bg-out{0%{opacity:1}to{opacity:0}}@keyframes modal-appear{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-close{0%{opacity:1;transform:translateY(0)}to{opacity:0}}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000c9;display:flex;justify-content:center;align-items:center}.modal-bg-in{animation:modal-bg-in .6s ease}.modal-bg-out{animation:modal-bg-out .6s ease}.modal-content{-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);background-color:#9da8a80a;padding:3.3rem 7rem 4rem;border-radius:18px;border-color:none;position:relative}.modal-content .contact-modal{text-align:center;display:flex;flex-direction:column}.modal-content .contact-modal a{font-size:2rem;margin-bottom:.6rem}.modal-appear{animation:modal-appear .6s ease-in}.modal-close{animation:modal-close .2s ease-in}.modal-close-button{color:#fff;position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.2rem;cursor:pointer}