.loader-container,body,html{width:100%;height:100%;background-color:#000}.intropage,.loader-container,.skillspage,body,html{background-color:#000}*{margin:0;padding:0;box-sizing:border-box;font-family:"Alfa Slab One",serif;font-weight:400;font-style:normal}.arrow{font-size:3vw;position:absolute;bottom:5vh;animation:2s ease-in-out infinite moveUpDown}@media (max-width:768px){.arrow{font-size:4vw}}@keyframes moveUpDown{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.loader-container{position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;animation:1s linear infinite spin;margin-bottom:20px}.img,.svg{height:100%;transition:1s cubic-bezier(.19, 1, .22, 1)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-message{font-size:3vw;color:#fff;text-align:center}.content{display:none}.about-container,.heading,.skill-container{display:flex;width:100%;text-align:center}.page-loaded .content{display:block}.intropage{min-height:100vh;width:100%;color:#fff}.svg{width:100%;mask-image:url("./download.svg");mask-size:5%;mask-repeat:no-repeat;mask-position:center}.img{width:100%;background-size:130%;background-position:center;background-image:url("https://www.solidbackgrounds.com/images/950x350/950x350-alice-blue-solid-color-background.jpg")}.heading{flex-direction:column;justify-content:space-evenly;align-items:center;height:100vh;color:#fff;position:absolute;top:0;left:0}.heading1{font-size:10vw}.heading2{font-size:5vw;color:#dc143c}@media (max-width:768px){.heading1{font-size:12vw}.heading2{font-size:6vw}}.about-container{margin:auto;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2vw;color:#000}.projectspage,.skill-container{height:100vh;flex-direction:column}.about-heading{font-size:8vw;color:#dc143c}.about-content,.skill-content{font-size:2vw}@media (max-width:1024px){.about-heading{font-size:10vw}.about-content{font-size:3vw}}@media (max-width:768px){.about-heading{font-size:12vw}.about-content{font-size:4vw}}.skillspage{height:100vh;width:100%;color:#fff}.skill-container{margin:auto;align-items:center;justify-content:center;padding:2vw}.skill-heading{font-size:3vw;color:#dc143c}.contact-page,.projectspage{color:#fff;display:flex;width:100%}li{list-style-type:none}@media (max-width:1024px){.skill-heading{font-size:9vw}.skill-content{font-size:6vw}}.projectspage{background-color:#dc143c;overflow-y:hidden;overflow-x:hidden}.projectheading{height:10vh;font-size:10vh;text-align:center}@media (max-width:768px){.skill-heading{font-size:9vw}.skill-content{font-size:6vw}.projectspage{height:auto}.project-headline{font-size:5vw}.projectheading{font-size:10vw;height:auto}}@media (max-width:480px){.arrow{font-size:10vw;bottom:8vh}.about-heading,.heading1{font-size:14vw}.heading2{font-size:8vw}.about-content{font-size:5vw}.skill-heading{font-size:9vw}.skill-content{font-size:6vw}.project-headline{font-size:4vw}.projectheading{margin-top:22vw;font-size:10vw;text-align:center}}@media (min-width:1024px){.projectspage{height:100vh}.projectheading{font-size:6vw}.project-headline{font-size:2vw}}.contact-page{height:100vh;text-align:center;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative}.contact-heading{font-size:6vw;z-index:1;margin-bottom:20px}.contact-icons{z-index:1;display:flex;justify-content:center;align-items:center;gap:2rem}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}@media (max-width:768px){.contact-heading{font-size:8vw}.contact-icons a{font-size:5xl}}