@font-face{font-family:anurati;src:url(../assets/Anurati-Regular.otf) format("opentype")}@media only screen and (max-width: 640px){*{box-sizing:border-box;padding:0;margin:0}body{overflow:hidden}.onepage{position:relative;height:100vh;text-align:center;width:100vw}header{background:url("https://cdn.wallpapersafari.com/50/56/Q7dEjn.jpg") no-repeat center center fixed;background-size:cover}header .navbar{position:fixed;top:0;right:0;display:flex;flex-direction:column;z-index:100}header ul{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:90vh}header button{border-radius:50%;width:15px;height:15px;background:white;border:white solid 1px;transition:0.5s;outline:none;margin:auto}header li{list-style:none;text-align:center}header .link-text{font-size:10px;opacity:0;font-family:Arial, Helvetica, sans-serif;padding:5px 0px;transition:0.5s;color:white}header button.activated{border-radius:50%;width:25px;height:25px;background:white;border:white solid 1px;transition:0.5s}header button.activated+.link-text{color:white;transition:0.5s;opacity:1}header .prev-btn,header .next-btn{visibility:hidden}.onepage:nth-child(1) .header-text{position:absolute;display:flex;flex-direction:column;margin:auto;justify-content:center;align-items:center;width:100%;height:100vh}.onepage:nth-child(1) h1{color:white;font-size:60px;font-family:anurati}.onepage:nth-child(1) .logo-desc{height:20px;color:white;font-size:20px;font-family:roboto;width:150px;overflow:hidden}.onepage:nth-child(1) .strikethru{width:240px;height:1px;background:white}.onepage:nth-child(2){background:#166ea8}.onepage:nth-child(2) .card-container{height:100vh;margin:auto;display:flex;justify-content:center;align-items:center}.onepage:nth-child(2) .card{position:absolute;background:white;width:70%;height:65%;box-shadow:-7px 10px 10px 0px rgba(0,0,0,0.75);border-radius:10px;transition:0.5s;opacity:0}.onepage:nth-child(2) .card.active{opacity:1;z-index:10}.onepage:nth-child(2) .card-picture{height:45%;width:90%;margin:auto;margin-top:5%;background:url("../assets/metalcube1008.png") no-repeat center;background-size:cover;border-radius:10px;border:1px solid #201F1F}.onepage:nth-child(2) .card-desc{padding-top:10px;color:black;font-family:roboto;font-size:20px}.onepage:nth-child(2) .card-desc-desc{width:90%;margin:auto;padding:10px 0px;text-align:left;font-family:roboto;font-weight:bolder}.onepage:nth-child(2) .card-tech{margin:auto;padding:10px 0px;display:inline}.onepage:nth-child(2) .card-tech .tech-btn{background:#09929e;color:white;border-radius:2px;border:none;padding:5px 5px;outline:none}.onepage:nth-child(2) .live{outline:none;width:90%;height:10%;position:relative;top:40px;text-align:center;color:white;background:#fadd02;border:none;font-size:20px;border-radius:10px}.onepage:nth-child(2) .carousel-nav{position:absolute;width:fit-content;height:fit-content;bottom:5%;display:flex;justify-content:space-evenly}.onepage:nth-child(2) .carousel-button{width:15px;height:15px;border-radius:50%;background:none;border:1px solid white;margin:0px 10px;outline:none;transition:0.5s}.onepage:nth-child(2) .carousel-button.active{background:white;width:20px;height:20px}.onepage:nth-child(3){background:#201F1F;display:flex;flex-direction:column;justify-content:center;align-items:center}.onepage:nth-child(3) .contact-title{font-family:Segoe UI;font-size:40px;color:white}.onepage:nth-child(3) .contact-desc{color:white;font-family:roboto;font-size:15px;padding:5px 0px}.onepage:nth-child(3) .contact-full-box{width:100vw}.onepage:nth-child(3) .contact-box{padding:0px 20px}}@media only screen and (min-width: 640px){*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}.navbar{position:fixed;right:0px;z-index:100;width:100px}.navbar ul{height:100vh;right:100%;display:flex;flex-direction:column;justify-content:space-around}.navbar li{list-style:none}.navbar button{border-radius:50%;width:10px;height:10px;background:white;border:white solid 1px;transition:0.5s;outline:none}.navbar .link-text{opacity:0;font-family:Arial, Helvetica, sans-serif;padding:10px 0px;transition:0.5s;color:white}.navbar button.activated{border-radius:50%;width:25px;height:25px;background:white;border:white solid 1px;transition:0.5s}.navbar button.activated+.link-text{color:white;transition:0.5s;opacity:1}.navbar button:hover{border-radius:50%;width:20px;height:20px;background:white;border:white solid 1px;transition:0.5s}.navbar button:hover+.link-text{color:white;transition:0.5s;opacity:1}header{background:url("https://cdn.wallpapersafari.com/50/56/Q7dEjn.jpg") no-repeat center center fixed;background-size:cover}.next-btn{visibility:hidden}.prev-btn{visibility:hidden}.onepage{position:relative;height:100vh;text-align:center}.onepage:nth-child(1) .header-text{position:absolute;display:flex;flex-direction:column;margin:auto;justify-content:center;align-items:center;width:100%;height:100vh}.onepage:nth-child(1) h1{color:white;font-size:80px;font-family:anurati}.onepage:nth-child(1) .logo-desc{height:30px;color:white;font-size:20px;font-family:roboto;width:150px;overflow:hidden}.onepage:nth-child(1) .strikethru{width:300px;height:1px;background:white}.onepage:nth-child(1) #strikethru-anim{animation-name:strikethru-expand;animation-duration:2s}.onepage:nth-child(1) #bong{animation-name:bong;animation-duration:4s}.onepage:nth-child(1) #jack{animation-name:jack;animation-duration:4s}.onepage:nth-child(1) #logo-desc{animation-name:desc;animation-duration:8s}@keyframes strikethru-expand{0%{width:0px}100%{width:300px}}@keyframes bong{0%{opacity:0}40%{opacity:0}100%{opacity:1;color:white;font-size:80px;font-family:anurati}}@keyframes jack{0%{opacity:0}40%{opacity:0}100%{opacity:1;color:white;font-size:80px;font-family:anurati}}@keyframes desc{0%{opacity:0}30%{opacity:0}100%{opacity:1}}.onepage:nth-child(2){background:#166ea8}.onepage:nth-child(2) .card-container{height:100vh;display:flex;justify-content:center;align-items:center;display:flex;justify-content:space-evenly}.onepage:nth-child(2) .carousel-nav{display:none}.onepage:nth-child(2) .card{position:relative;width:22%;height:70%;background:white;border-radius:10px;box-shadow:-7px 10px 10px 0px rgba(0,0,0,0.75)}.onepage:nth-child(2) .card-picture{height:45%;width:90%;margin:auto;margin-top:5%;background-size:cover;border-radius:10px;border:1px solid #201F1F}.onepage:nth-child(2) .card-desc{padding-top:10px;color:black;font-family:'Poppins', sans-serif;font-weight:bold;font-size:30px}.onepage:nth-child(2) .card-desc-desc{width:90%;margin:auto;padding:10px 0px;text-align:left;font-family:roboto;font-weight:bolder}.onepage:nth-child(2) .card-tech{margin:auto;padding:10px 0px;display:inline}.onepage:nth-child(2) .card-tech .tech-btn{background:#09929e;color:white;border-radius:2px;border:none;padding:5px 10px;outline:none}.onepage:nth-child(2) .live{outline:none;position:absolute;width:90%;height:10%;bottom:auto;left:5%;bottom:5%;text-align:center;color:white;background:#fadd02;border:none;font-size:20px;border-radius:10px}.onepage:nth-child(2) .my-proj{font-family:Segoe UI;font-size:40px;color:white}.onepage:nth-child(3){background:#201F1F;display:flex;flex-direction:column;justify-content:center;align-items:center}.onepage:nth-child(3) .contact-title{font-family:Segoe UI;font-size:40px;color:white}.onepage:nth-child(3) .contact-desc{color:white;font-family:roboto;font-size:15px;padding:5px 0px}.onepage:nth-child(3) .contact-full-box{display:flex;flex-direction:row}.onepage:nth-child(3) .contact-box{padding:0px 20px}}