.connect .button{padding:.5rem 1rem;margin:1rem .5rem;z-index:1}@media screen and (max-width: 600px){.connect .buttons{justify-content:center}}.Hero{justify-content:space-around;flex-wrap:wrap;margin:9rem 2rem 5rem}.Hero .left{width:40rem;margin-bottom:3rem}.Hero .left .main-titles{margin:1.5rem 0}.Hero .left .sub-heading{width:27rem;margin:1rem 0}.Hero .right img{width:25rem;box-shadow:var(--shadow)}.Hero .right .imgWrapper{position:relative}.Hero .right .imgWrapper:before,.Hero .right .imgWrapper:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;opacity:.7;z-index:-9}.Hero .right .imgWrapper:before{border:10px solid var(--primary-color);transform:translate(30px,30px)}.Hero .right .imgWrapper:after{border:10px solid var(--light-text-c);transform:translate(-30px,-30px)}@media screen and (max-width: 600px){.Hero{margin:7rem 2rem 5rem}.Hero .left .sub-heading{width:80vw}.Hero .right img{width:65vw}.Hero .left .connect .buttons{justify-content:center}}.Navbar{justify-content:space-between;padding:1rem calc(5vw + 1rem);background-color:var(--blur-c);backdrop-filter:blur(20px);z-index:999;position:fixed;box-shadow:var(--shadow);width:100vw;top:0}.menuToggle{display:none!important}.Navbar .logo{font-size:1.3rem;color:var(--light-text-c);font-family:var(--ff)}.Navbar .logo .icon{margin-right:20px}.Navbar .links .link{margin:0rem 1rem;padding:.2rem}.Navbar .contact-button{padding:.5rem 1.5rem}@media screen and (max-width: 1050px){.menuToggle{display:flex!important;color:var(--primary-color);font-size:2rem;position:fixed;background-image:var(--button-gradient);top:10px;right:30px;border-radius:100vw;box-shadow:var(--shadow);height:50px;justify-content:center;width:50px;z-index:9999}.Navbar{position:fixed;z-index:999;width:100vw;background-color:var(--secondary-color);top:0;box-shadow:var(--shadow);animation:0s;backdrop-filter:none}.Navbar .right{transition:var(--transition);position:fixed;height:100vh;width:80vw;padding:calc(3rem + 3vw);box-shadow:var(--shadow);background-color:var(--blur-c);backdrop-filter:blur(80px);top:0;right:0;z-index:99;justify-content:space-between;flex-wrap:wrap}.menuOpen{right:0}.menuClose{right:-100%!important}.Navbar .right .buttons{padding-bottom:4rem;flex-wrap:wrap;height:100%;padding-top:3rem;align-items:flex-start;justify-content:flex-start;gap:20px}.Navbar .links{flex-direction:column;align-items:flex-start;justify-content:center}.Navbar .links .link{margin:1rem}}@media screen and (max-width: 600px){.menuToggle{font-size:1.5rem;height:40px;width:40px;top:15px;right:20px}.Navbar{padding:1rem .5rem}.Navbar .right{padding:4rem 1rem 2rem;align-items:flex-start;gap:0}.Navbar .logo{font-size:1rem}.Navbar .logo .icon{margin:8px 10px;width:30px}.Navbar .links .link{font-size:1.3rem;color:var(--light-text-c)}.Navbar .right .buttons{padding-top:0;margin-top:2rem}}.Projects{margin:5vw;text-align:center}.projects{flex-wrap:wrap;justify-content:space-around}.projects .Project{background-color:var(--secondary-color);min-width:20rem;width:20rem;margin:2rem;box-shadow:var(--shadow);border-radius:10px;text-align:center;padding:2rem;transition:var(--transition)}.projects .Project:hover{transform:translateY(-5px)}.projects .Project img{width:15rem;height:9rem;border-radius:5px;box-shadow:var(--shadow);transition:var(--transition)}.projects .Project img:hover{scale:1.07}.projects .Project .title{justify-content:space-between;font-family:var(--ff);margin:2rem 0 0;position:relative}.projects .Project .title .name{text-align:left}.projects .Project .title .name{color:var(--primary-color);font-weight:500}.projects .Project .title .year{color:var(--text-c-link);width:4.5rem;font-size:.8rem}.projects .Project .desc{margin:2rem 0 3rem;text-align:left}.projects .Project .desc a{font-size:.7rem;color:var(--light-text-c);font-family:var(--ff)}.projects .Project .button{padding:.7rem 1.4rem;z-index:1}.projects .Project .git{padding:.7rem 1rem}@media screen and (max-width: 400px){.projects .Project{min-width:18rem;margin:2rem;padding:2rem 1rem}}.Skills{text-align:center}.all-skills{margin:2rem;justify-content:space-around}.all-skills .left{width:40vw;text-align:left;color:var(--light-text-c);font-family:var(--ff)}.all-skills .left ul li{list-style-type:"</> ";position:relative;margin:1rem 0}.all-skills .right{width:45vw;flex-wrap:wrap;justify-content:center}.all-skills .skill-img{width:70px;height:70px;margin:20px;aspect-ratio:1;transition:var(--transition);position:relative}.all-skills .right .Skill{position:relative}.all-skills .right .Skill:before{content:"";position:absolute;top:50%;left:50%;height:0%;width:0%;background-color:var(--primary-color);border-radius:100vw;transform:translate(-50%,-50%);transition:var(--transition)}.all-skills .right .Skill:hover:before{box-shadow:0 0 70px 20px var(--primary-color)}@media screen and (max-width: 900px){.all-skills{flex-direction:column;gap:5rem}.all-skills .left,.all-skills .right{width:80vw}}@media screen and (max-width: 600px){.all-skills .left ul li{list-style-type:none;font-size:.8rem}.all-skills .right{width:90vw}.all-skills .skill-img{width:50px;height:50px}}@media screen and (max-width: 400px){.all-skills .skill-img{width:40px;height:40px}}.Footer{background-image:var(--button-gradient);padding:2rem 3rem 1rem;text-align:center;z-index:9;justify-content:space-between}.Footer .logo img{width:50px}.Footer .logo{gap:1rem;font-family:var(--ff);color:var(--light-text-c)}@media screen and (max-width: 840px){.Footer{flex-direction:column}.Footer .logo{margin-bottom:2rem}.Footer .connect{text-align:center}}@media screen and (max-width: 540px){.Footer .logo{flex-direction:column;font-size:.8rem;gap:.3rem;margin-bottom:1rem}}.Contact{text-align:center}.Contact .form{justify-content:center;padding:2rem 0 3rem;text-align:center}.Contact .form .tip{color:var(--primary-color);font-family:var(--ff);font-weight:600;float:right;transform:translate(-10px,10px);font-size:.8rem}.middle{width:calc(50vw + 10rem);margin:auto}.Contact .form input,.Contact .form textarea{color:var(--light-text-c);width:calc(50vw + 10rem);padding:1rem 2rem;margin:1rem 0;box-shadow:var(--shadow);border:none;background-image:var(--button-gradient);border-radius:5px;font-family:var(--ff)}.file-input::-webkit-file-upload-button{visibility:hidden}.file-input{position:relative;cursor:pointer}.file-input:before{content:"Upload file";display:flex;justify-content:center;align-items:center;height:100%;padding:0 .6rem;top:0;position:absolute;left:0;background-image:var(--button-gradient);border:1px solid gray;border-radius:5px 0 0 5px}.Contact .form .contactSubmit{border:none;padding:1rem 3rem;margin-top:2rem;background-image:var(--button-gradient)}@media screen and (max-width: 400px){.middle{width:85vw}.Contact .form .tip{font-weight:400;font-size:.6rem}.Contact .form input,.Contact .form textarea{padding:.5rem 1rem;width:85vw}.Contact .form{padding:1rem 0}.Contact .form .contactSubmit{padding:.5rem 1rem;margin:1rem 0;font-size:.8rem}}.About{text-align:center;margin-top:3rem}.about-info{text-align:justify;padding:2rem 5rem;font-size:1.2rem;font-family:var(--ff)}.about-info p{text-indent:3rem;margin-bottom:1rem;color:var(--light-text-c);line-height:2.5rem}.about-info p:first-letter{font-size:1.5rem;color:var(--primary-color)}@media screen and (max-width: 700px){.about-info{padding:2rem 3rem;font-size:1rem;font-family:var(--ff)}.about-info p{line-height:1.9rem}}@media screen and (max-width: 450px){.about-info{padding:2rem 1.5rem;font-size:1rem;font-family:var(--ff)}.about-info p{font-size:.8rem;text-indent:2rem;line-height:1.5rem}.about-info p:first-letter{font-size:1rem}}.MainProject{padding:7rem 2rem 1rem}.MainProject .button{margin-bottom:1rem;width:fit-content;padding:1rem 3rem}.MainProject .imgWrapper{margin-top:3rem;flex-wrap:wrap;justify-content:space-around}.MainProject .imgWrapper img{width:40vw;margin:1rem 0;border-radius:5px;box-shadow:var(--shadow);border:5px solid var(--secondary-color)}.MainProject .desc{padding:2rem 3rem;line-height:2rem;font-weight:500;font-family:var(--ff);color:var(--light-text-c);text-align:justify}.MainProject .sub-title{font-size:2rem;text-align:center}.MainProject .desc:first-letter{font-size:2rem;color:var(--primary-color)}@media screen and (max-width: 750px){.MainProject{text-align:center;padding:6rem 1rem 1rem}.MainProject .titles .heading{margin-top:2rem;font-size:.7rem}.MainProject .imgWrapper{margin-top:1rem}.MainProject .imgWrapper img{width:80vw}.MainProject .desc{padding:2rem 1rem;line-height:1.8rem;font-weight:500}.MainProject .sub-title{font-size:1.5rem}}.MainProject .buttons{margin:2rem 0;text-align:center}.MainProject .button{padding:.7rem 1.4rem}@media screen and (max-width: 550px){.MainProject .button{width:auto}}.MainLoading{height:100vh;width:100vw;background-color:var(--secondary-color);position:fixed;justify-content:center;flex-direction:column;top:0;left:0;transition:1s;z-index:9999999999999}.none{transform:translateY(-100%)}.MainLoading .heading{margin-top:.2rem}.MainLoading .main-title{font-size:1rem;margin-top:2rem}.MainLoading .loader{height:80px;width:80px;border-radius:100%;border:6px solid transparent;border-top-color:var(--primary-color);animation:loading 1s infinite linear;justify-content:center}.MainLoading .loader .inner-loader{height:40px;width:40px;border-radius:100%;border:4px solid transparent;border-top-color:var(--light-text-c);animation:loading 2s infinite linear}@media screen and (max-width: 600px){.MainLoading .loader{height:50px;width:50px;border:3px solid transparent;border-top-color:var(--primary-color)}.MainLoading .loader .inner-loader{height:30px;width:30px;border:2px solid transparent;border-top-color:var(--light-text-c)}}.light{--primary-color: #ff014f;--secondary-color: #ecf0f3;--secondary-color-b: #e4e4e4;--primary-gradient: linear-gradient(145deg, #ff014f, #d11414);--button-gradient: linear-gradient(145deg, #e2e8ec, #ffffff);--blur-c: rgba(255, 255, 255, .5);--text-c-link: #646c77;--text-c-hover: #f8f9fa;--light-text-c: #3c3e41;--shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;--ff: "Poppins", sans-serif;--transition: .2s}.dark{--primary-color: #ff014f;--secondary-color: #212428;--secondary-color-b: #2e2e2e;--primary-gradient: linear-gradient(145deg, #ff014f, #d11414);--button-gradient: linear-gradient(145deg, #1e2024, #23272b);--blur-c: rgba(32, 32, 32, .5);--text-c-link: #96a3b6;--text-c-hover: #f8f9fa;--light-text-c: #e1e6ee;--shadow: 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e;--ff: "Poppins", sans-serif;--transition: .2s}::-webkit-scrollbar{width:7px;background-color:var(--secondary-color)}::-webkit-scrollbar-thumb{background-image:var(--primary-gradient);border-radius:100vw}::selection{background-color:var(--primary-color);color:var(--light-text-c)}*,*:before,*:after{margin:0;-webkit-tap-highlight-color:transparent;padding:0;box-sizing:border-box}button:focus,input:focus,textarea:focus{box-shadow:2px solid var(--primary-color);outline:2px solid var(--primary-color);border-radius:5px}a{text-decoration:none}body{background:repeating-linear-gradient(45deg,var(--secondary-color-b) 0,var(--secondary-color-b) 5%,var(--secondary-color) 0,var(--secondary-color) 50%) 0 / 10px 10px;scroll-behavior:smooth}.small-loader{margin:auto;height:40px;width:40px;border-radius:100%;border:2px solid transparent;border-top-color:var(--primary-color);animation:loading 1s infinite linear}@keyframes loading{to{transform:rotate(360deg)}}.hr{width:80vw;margin:auto;border:none;border-top:1px solid rgba(128,128,128,.5)}.center{text-align:center}.link{text-decoration:none;padding:.2rem 0;font-family:var(--ff);color:var(--text-c-link);position:relative;cursor:pointer}.link:before{content:"";position:absolute;bottom:0;left:0;height:3px;border-radius:100vw;width:100%;transform:scaleX(0);transition:var(--transition) transform;transform-origin:right;background-image:var(--primary-gradient)}.link:hover{color:var(--primary-color)}.link:hover:before{transform-origin:left;transform:scaleX(1)}.button{margin:0 1rem;padding:1rem;font-family:var(--ff);border-radius:6px;transition:var(--transition);position:relative;color:var(--primary-color);cursor:pointer;font-weight:500;font-size:1.1rem}.button:after{box-shadow:var(--shadow);border-radius:6px;content:"";position:absolute;height:100%;background-image:var(--button-gradient);width:100%;top:0;z-index:-2;left:0}.button:before{box-shadow:var(--shadow);border-radius:6px;content:"";position:absolute;height:100%;width:100%;background-image:var(--primary-gradient);top:0;opacity:0;left:0;transition:var(--transition);z-index:-1}.button:hover{transform:translateY(-4px);color:var(--text-c-hover)}.button:hover:before{opacity:1}.heading{letter-spacing:2px;font-family:var(--ff);color:var(--text-c-link)}.main-title{color:var(--light-text-c);font-family:var(--ff);font-size:3rem;font-weight:700}b{color:var(--primary-color)}.sub-heading{color:var(--text-c-link);font-family:var(--ff)}.flex{display:flex;align-items:center}textarea{resize:none}@media screen and (max-width: 600px){.main-title{font-size:7vw}.heading,.sub-heading{font-size:.8rem}}