*{box-sizing:border-box;margin:0;padding:0}.crsr{background-color:#fff;height:20px;width:20px;border-radius:50%;position:fixed;z-index:9999;transform:translate(-50%,-50%);transition:all ease-in;pointer-events:none}html::-webkit-scrollbar{width:0;background:transparent}html{scrollbar-width:none;-ms-overflow-style:none}html,body{width:100%;height:100%}body{color:#c9c6c6;background-color:#000;font-family:Roboto,sans-serif;font-weight:300}#main{width:100%;height:100%}.page1{width:100%;height:100vh}.page3{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.page3 h1{font-size:10vw}.page4{width:100%}.mobile-ss-group img{width:8vw}.desktok-ss img{width:25vw}.desktok-ss,.mobile-group{display:flex;flex-direction:column;text-align:center;gap:1vw}.page4 .project-grid{justify-content:center;display:grid;grid-template-columns:repeat(3,auto);gap:2vw}footer{text-align:center;padding:1rem 0;background-color:#090909;color:#fff;font-size:.9rem;font-weight:400;margin-top:20px}@media screen and (max-width: 600px){.crsr{display:hidden}}.page2{width:100%;margin-bottom:10vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}.page2 .third,.page2 .forth,.page2 .second,.page2 .first{display:flex;gap:2vw;margin:4vh}.page2 img{width:6vw}@media screen and (max-width: 600px){.page2{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}.page2 .third,.page2 .forth,.page2 .second,.page2 .first{display:flex;gap:2vw;margin:4vw}.page2 img{width:10vw}}.page4 .projects{padding:2vw 10vw}.page4 h1{font-size:10vw;margin-left:10vw;width:fit-content;transition:all .5s ease-in}.page4 .update-container{display:flex;flex-direction:column;border-top:1px solid white}.page4 .update-container .elem1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2vh;cursor:pointer;position:relative}.page4 .update-container .elem1:after{content:"";background-color:#fff;width:100%;height:100%;z-index:-1;position:absolute;top:0;left:0;transform:scaleX(0);transition:color 1s ease-in-out,transform .3s ease-in-out;transform-origin:left}.page4 .update-container .elem1:hover:after{transform:scaleX(1)}.page4 .update-container .elem1:hover{transform:scaleX(1);color:#000}.page4 .update-container .elem1:first-child{border-bottom:1px solid white}.page4 .update-container .elem1 .detail{display:flex;flex-direction:column;align-items:flex-end}.page4 .update-container .elem1 h3,.page4 .update-container .elem1 h2{font-size:2vw;font-family:Arial,Helvetica,sans-serif;font-weight:100}.page4 .update-container .elem1 h5{font-size:1.2vw;font-family:Arial,Helvetica,sans-serif;font-weight:100}.elem1 .image{position:absolute;height:70px;border-radius:50%;left:30%;top:0;transition:all .3s ease-in;opacity:0}.elem1:hover .image{left:30%;bottom:30%;display:flex;opacity:1;top:-90%}@media screen and (max-width: 600px){.page4 .update-container .elem1 h3{font-size:3vw;width:50%;font-family:Arial,Helvetica,sans-serif;font-weight:100}.page4 .update-container .elem1 h2{font-size:.6em;font-family:Arial,Helvetica,sans-serif;font-weight:500}.page4 .update-container .elem1 h5{font-size:.6em;font-family:Arial,Helvetica,sans-serif;font-weight:100}.elem1 .image{position:absolute;height:70px;border-radius:50%;left:30%;top:0;transition:all .3s ease-in;opacity:0}.elem1:hover .image{left:30%;bottom:30%;display:flex;opacity:1;top:-90%}}.project-detail{width:100%;height:100vh;padding:2vw 4vw}.project-detail h1{font-size:7vw;transition:all .5s ease-in}.project-detail .title{display:flex;align-items:center;gap:2vw}.title img{width:5vw;height:5vw}.project-detail .sub-title{display:flex;align-items:center;gap:2vw}.project-detail h3{font-size:2em;font-weight:300;margin-top:10px;margin-bottom:20px}.project-detail p,.project-detail h4{font-size:1.5em;font-weight:300}.project-detail h5{font-size:1em;font-weight:300}.overview-video-grid{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;gap:5vw}.project-detail .ss-section{margin-top:2vw}.project-detail .ss-section h2{font-size:2em;font-weight:300}.feature{transition:background-color .5s ease-in,padding .5s ease-in,border-radius .5s ease-in,margin .5s ease-in}.project-detail .screenshots-imgs{display:flex;gap:.5vw}.project-detail .screenshots-imgs img{height:12vw;border-radius:10px}@media screen and (max-width: 600px){.project-detail{width:100%;height:100%;padding:4vw 6vw}.project-detail h3{font-size:1.2em}.overview-video-grid{display:grid;grid-template-columns:repeat(1,auto);gap:5vw;margin-top:2vw}iframe{width:100%;object-fit:cover;aspect-ratio:16 / 9}.project-detail .screenshots-imgs img{height:25vw;border-radius:10px}}.project-detail .right h6{font-weight:100;font-size:.8em}.project-detail img{transition:all .5s ease-in;transition:border .5s ease-in}body h1:hover,body h2:hover,body h3:hover,body h4:hover,body h5:hover{background-color:#fff;color:#000;padding-left:20px;padding-right:20px;border-radius:20px;transition:all .2s ease-in}body h1:hover{padding-left:30px;padding-right:30px;transition:all .2s ease-in}body p:hover{background-color:#fff;color:#000;border-radius:20px;font-size:1.5em;transition:all .5s ease-in}body .tech-stacks{transition:all .5s ease-in}body .tech-stacks:hover{background-color:#fff;color:#000;border-radius:20px}body p:hover{background-color:#fff;color:#000;padding:15px;border-radius:20px;font-size:1.43em;margin-left:-25px;margin-right:-25px}.project-detail h1:hover{padding-left:20px;padding-right:20px;border-radius:20px;font-size:6vw;margin-bottom:1vw}.feature h4:hover,.feature h5:hover{padding:0;background-color:transparent}.feature:hover{padding:30px;scale:1.08;background-color:#fff;color:#000}.project-detail h3:hover{border-radius:10px;padding:5px;margin-top:5px;margin-bottom:15px;width:fit-content}.project-detail p:hover{padding:30px;scale:1.01}.project-detail .right h4:hover{padding:0;background-color:transparent}body .tech-stacks h2:hover,body .tech-stacks h3:hover,body .page4 h3:hover,body .page4 h2:hover,body .page4 h5:hover,body .contact-form h3:hover,body .contact-form h4:hover{background-color:transparent;padding:0;border-radius:0}body .page4 h1:hover,body .about-page h1:hover{padding-left:20px;padding-right:20px;border-radius:20px;font-size:8vw;margin-bottom:2.3vw;transition:all .2s ease-in}body .contact-form h1:hover{padding:5px 10px;border-radius:20px;font-size:4.5vw;margin-right:1.5vw;margin-bottom:-.1vw}body .loader h1:hover,body .loader h2:hover,body .loader h5:hover,body .loader h6:hover{padding:0%;color:#fff;background-color:transparent}body .contact-form .contact-card .card-left:hover{background-color:#fff;color:#000;border-radius:10px;transition:all .2s ease-in;padding:10px;scale:1.02;margin-bottom:-5px;margin-top:-5px}.project-detail .title img:hover{border-radius:50%;padding:2px;border:5px solid #f8f8f8;scale:1.2;z-index:-1}.loadingScreen{width:100%;height:100vh;position:absolute}.loader{height:100%;width:100%;position:fixed;z-index:999;background-color:#0b0b0b;padding:25vh 10vw;top:0;left:0;z-index:9999}.line{height:fit-content;overflow:hidden;align-items:center;display:flex;gap:3vw;height:7vw}.line .line1-part1{display:flex;align-items:center;gap:1vw;margin-left:5vw;margin-right:2vw}.loader .line .line1-part1 h5,.line1-part1 h6{font-size:3vw;font-weight:100;font-family:"silk serif"}.line1-part1 h5{width:4.2vw}.line h1{text-transform:uppercase;font-size:5.8vw}.page1{height:100vh;width:100%}.line h2{font-size:6.5vw;text-transform:uppercase;font-weight:900;animation:blink 2s infinite 1.5s}@keyframes blink{0%{font-family:plain light;opacity:1;color:#fff;font-weight:500}48%{font-family:plain light;-webkit-text-stroke:1px #fff;opacity:0;color:#fff;font-weight:500}50%{font-family:"silk serif";opacity:1;font-weight:500;color:transparent;-webkit-text-stroke:1px #fff}to{font-family:"silk serif";opacity:0;color:transparent;font-weight:500;-webkit-text-stroke:1px #fff}}.page1 h1{font-size:8vw;transition:background-color .3s ease-in,padding .3s ease-in,border-radius 1s ease-in,color .5s ease-in}.page1 h2{font-size:4vw;transition:background-color .3s ease-in,padding .3s ease-in,border-radius 1s ease-in,color .5s ease-in}.page1{display:flex;flex-direction:column;align-items:center;justify-content:center}.bottom{display:flex;flex-direction:column;align-items:center}.page1 img{padding-top:15vw;width:30px;animation:blink 1.5s ease-in infinite;transition:all 1s ease-in-out}@keyframes blink{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-form{height:50vw;width:100vw;padding:3vw 4vw;display:flex;justify-content:center;align-items:center}.contact-form h1{font-size:5vw;width:fit-content}.contact-form .form{max-width:1200px;display:grid;grid-template-columns:repeat(2,1fr);margin-left:4vw;margin-right:4vw}.contact-form .form .right{display:flex;flex-direction:column;gap:1vw;width:100%;border:1px solid rgb(23,23,23);padding:50px;border-radius:20px}.form .right button{position:relative;overflow:hidden;background-color:#171717;color:#fff;padding:1vw 2vw;border:2px solid white;border-radius:10px;font-size:1em;border:none;cursor:pointer;transition:color .4s ease,transform .4s ease}.form .right button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0%;background-color:#fff;z-index:0;transition:height .4s ease;border-radius:10px 10px 0 0}.form .right button:hover:after{height:100%}.form .right button:hover{color:#000;transform:translateY(-2px)}.form .right button span{position:relative;z-index:1}.contact-form .form .left{display:flex;flex-direction:column;justify-content:center;gap:1vw}.contact-form .form .right input,.contact-form .form .right textarea{padding:1vw;border-radius:10px;font-size:1.1em;background-color:#171717;border:none;color:#fff}.contact-card{display:flex;flex-direction:row;justify-content:flex-start;gap:2vw;align-items:center;margin-bottom:1vw;margin-right:5vw;border-radius:20px}.contact-card .card-left{display:flex;flex-direction:column;width:250px;padding:5px}.form .left p{font-size:1.5em}.form .left p:hover{padding:0;margin:0;background-color:transparent;color:#fff}.contact-card .card-left h3{font-size:1em;font-weight:100}.contact-card .card-left h4{font-size:1.3em;font-weight:500}.contact-form i{font-size:1em;border-radius:10px}@media screen and (max-width: 600px){.contact-form{height:fit-content}.form .left p{font-size:1em}.contact-form .form{display:grid;grid-template-columns:repeat(1,auto);width:100vw;margin-left:5vw;margin-right:5vw;margin-top:1vw}.contact-card{width:100%}.contact-card .detail h3{font-size:.7em}.contact-card .detail h4{font-size:1em}.contact-form .form .right input,.contact-form .form .right textarea{padding:2vw 4vw;margin-top:1vw;border-radius:10px;font-size:1.1em;background-color:#1c1b1b;color:#fff}.contact-form .form .right{padding:20px;margin-top:20px;margin-bottom:20px}.contact-form .form .right button{padding:2.5vw;margin-top:1vw}}.about-page{margin-left:11vw;margin-right:11vw;margin-bottom:5vw}.about-page p{font-size:1.4em;transition:background-color .5s ease-in,padding .5s ease-in,border-radius .5s ease-in,margin .5s ease-in}.about-page h1{font-size:10vw;width:fit-content;transition:background-color .5s ease-in,padding .5s ease-in,border-radius .5s ease-in,margin .5s ease-in}.about-page .container{display:grid;grid-template-columns:repeat(3,auto);gap:2vw;margin-top:2vw;transition:background-color .5s ease-in}.tech-stacks{border:1px rgb(47,46,46) solid;border-radius:20px;padding:2vw;transition:all .5s ease-in}.about-page img{height:200px;width:100%;object-position:center;object-fit:cover;background-color:#fff;border-radius:10px}.about-page h2{font-size:2em;font-weight:300;transition:all .5s ease-in}.about-page h3{font-size:1em;font-weight:300;transition:all .5s ease-in}@media screen and (max-width: 600px){.about-page{margin-left:11vw;margin-right:11vw;margin-bottom:11vw}.about-page p{font-size:1.2em;margin-bottom:10vw;transition:all .5s ease-in}.about-page .container{display:grid;grid-template-columns:repeat(1,auto);gap:2vw;margin-top:2vw;transition:all .5s ease-in}.tech-stacks{border:1px rgb(47,46,46) solid;border-radius:20px;padding:2vw;transition:all .5s ease-in}}