*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;min-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:10;top:10%;left:50%;transform:translate(-50%,-50%)}@media (min-width: 992px){.title{font-size:108px;text-wrap:nowrap!important}}.webgl{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1;opacity:1!important;visibility:visible!important}nav{color:#fff;z-index:5;position:relative;padding:4rem;display:flex;justify-content:space-between}nav a{text-decoration:none;columns:white;font-weight:700}.container{color:#fff;z-index:5;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}.container .text-container .btn{background-color:transparent;font-family:Gloock,serif;font-weight:400;border:none;color:#fff;font-size:1.4rem;cursor:pointer}.container .text-container .btn:hover{background-color:transparent;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:2rem;border-radius:18px;border-color:none;position:relative;max-width:90%;max-height:90%;overflow-y:auto}@media (min-width: 768px){.modal-content{padding:2rem 3rem 3rem}}.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}.project-modal{text-align:center;color:#fff;max-width:500px}.project-modal .project-modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff;line-height:1.4}.project-modal .project-modal-content{display:flex;flex-direction:column;gap:2rem;width:100%}.project-modal .project-modal-content .project-modal-description{font-size:1rem;line-height:1.6;color:#e0e0e0;margin:0;text-align:left;width:100%}.project-modal .project-modal-content .project-modal-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.project-modal .project-modal-content .project-modal-actions .project-modal-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;min-width:150px;justify-content:center}.project-modal .project-modal-content .project-modal-actions .project-modal-link:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.project-modal .project-modal-content .project-modal-actions .project-modal-link i{font-size:1.1rem}.project-modal .project-modal-content .project-modal-actions .project-modal-link.demo-link{background:#3b82f64d;border-color:#3b82f680}.project-modal .project-modal-content .project-modal-actions .project-modal-link.demo-link:hover{background:#3b82f680;border-color:#3b82f6b3}