body{margin:0;padding:0;border:0;overflow:hidden}canvas{margin:0;border:0;padding:0;position:fixed;top:0;left:0;z-index:10;outline:none;background-color:transparent}h1,h2,h3,h4,h5,h6,p{font-family:Tracer,sans-serif;color:#ffffffea}.loading-bar{position:absolute;z-index:1;top:50%;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:top left;transition:transform 1s;will-change:transform}.loading-bar.enabled{transform:scaleX(0);transform-origin:top right;transition:transform 3.5s ease-in-out}.loading-text{position:fixed;top:50%;right:0%;color:#fff;z-index:1;will-change:transform}.loading-text h1,.loading-text p{display:inline;font-size:6rch}.section-container-div{visibility:hidden;max-height:0;max-width:0;overflow:hidden}.page h1{font-family:Smooch Sans,sans-serif;font-size:3rem;color:#ffffffa9}.page p{font-family:Jura,sans-serif}section{height:100vh;min-height:fit-content}section#heading{margin-top:20vh;max-height:100vh}#heading h1{font-family:Smooch Sans,sans-serif;font-weight:100;font-size:5rem;max-width:50%;margin:0;color:#fff}#heading h4{font-family:Jura,sans-serif;font-family:Adventure Alphabet,sans-serif;font-size:1.5rem;font-weight:200;max-width:30%;margin:0}.slider-wrapper{width:100%;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab}.slider-wrapper.dragging{cursor:grabbing}.project-container{display:inline-flex}.projects-card-container{width:60vw;flex-shrink:0;margin:0 40px;display:inline-block;vertical-align:top;height:auto;justify-content:center;align-items:center;flex-direction:column}.projects-card-container .card{width:100%;height:auto;background-color:#ffffff45;overflow:hidden;margin-bottom:4px;position:relative}i{opacity:0;font-size:.9rem;color:#fff;will-change:transform;-webkit-transform:scale(.1);transform:scale(.1);-webkit-transition:all .2s ease;transition:all .2s ease}.projects-card-container .card h2{z-index:99;font-family:Jura,sans-serif;position:absolute;bottom:0;font-size:2.5rem;font-weight:200;color:#fff;text-align:left}.projects-card-container .card .fa-arrow-right{z-index:100;position:absolute;right:75px;bottom:25px;font-size:40px;cursor:pointer}.projects-card-container .card .pic{width:90%;height:auto;aspect-ratio:16/9;background-size:100% 100%;filter:grayscale(100%)}.projects-card-container .card .social{padding-top:20px;position:absolute;left:5px;top:0;display:-webkit-box;display:-ms-flexbox;display:grid;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Jura,sans-serif;font-weight:500}.projects-card-container .card .social i.roleT{font-weight:100;font-size:.7rem}.projects-card-container .card .social i:nth-of-type(1){-webkit-transition-delay:.4s;transition-delay:.4s}.projects-card-container .card .social i:nth-of-type(2){-webkit-transition-delay:.3s;transition-delay:.3s}.projects-card-container .card .social i:nth-of-type(3){-webkit-transition-delay:.2s;transition-delay:.2s}.projects-card-container .card .social i:nth-of-type(4){-webkit-transition-delay:.1s;transition-delay:.1s}.projects-card-container .card:hover i{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.projects-card-container .card button{position:absolute;right:14px;bottom:14px;width:30px;height:30px;background-color:#c6d3ce6c;border:none;border-radius:30px;cursor:pointer;outline:none;padding-bottom:0;padding-right:0;transition:all .3s ease;mix-blend-mode:hard-light}.projects-card-container .card button i{font-size:3rem}.projects-card-container .card:hover button{transform:scale(16.5);color:#fff;padding-bottom:12px;padding-right:8px;font-size:.4rem}.projects-card-container .card:hover .pic{filter:grayscale(0)}.card h2{font-size:2rem;color:#fff;position:relative;margin-bottom:.5rem}.card p{font-size:1rem;color:#333;opacity:.8;margin-bottom:.5rem}@media (max-width: 550px){.project-container{margin-top:15%}.projects-card-container{width:80vw;margin:0 5px}.projects-card-container .card h2{font-size:1.5rem}.projects-card-container .card{width:100%;height:auto}.projects-card-container .card .pic{width:95%;background-size:100% 100%}.projects-card-container .card:hover button{transform:scale(5.5);padding-bottom:10px}}#page2{width:50%}.techStack-container{display:flex;gap:10px;flex-wrap:wrap}.icons-container{display:grid;justify-content:center;text-align:center}.icons-container svg{width:50px;height:50px;padding:0;margin:0}#page3 h1{margin-bottom:0}#page4{max-width:50%}#page5 hr{border-style:outset;border-color:#fff;border-radius:12px;border-width:.3px;border-bottom:0}#page5 h4{font-family:Jura,sans-serif;font-weight:800;font-size:1.1rem}.contact-container{max-width:100%;display:flex;gap:20px}.contact-container button{background-color:transparent;border-style:none;cursor:pointer}.contact-icons svg{width:50px}.contact-icons.last{display:inline;padding:0;margin:0}.contact-icons.last p{float:right;font-size:1rem;font-weight:800}.footer{color:#fff;padding:1.5rem 0;padding-bottom:2px;text-align:center;font-size:.875rem}#page6{height:auto}@media (width < 550px){.loading-text h1,.loading-text p{display:block;margin:0}#heading h1{font-size:3rem;max-width:80%;margin:0}#heading h4{max-width:40%;margin:0}#page2{width:60%}.icons-container p{font-size:.9rem}.icons-container svg{width:30px;height:30px}#page3 p{margin:0}#page4{max-width:100%}.contact-icons svg{width:40px}#page5 h4{font-family:Jura,sans-serif;font-weight:800;font-size:.8rem;overflow:hidden}.contact-container{display:flex;justify-content:center;flex-wrap:wrap;max-width:100%}.contact-icons.last p{font-size:.9rem}}