@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--bg-color:#141414;--second-bg-color:#101a25;--text-color:#fff;--main-color:#18f7b8;--skills-color:linear-gradient(#18f7b8 10%, #fff 100%)}#root{width:100%;min-height:100vh}*,body,button,input,textarea,select{box-sizing:border-box;scroll-behavior:smooth;border:none;outline:none;margin:0;padding:0;font-family:Poppins,sans-serif;text-decoration:none}html{color:var(--text-color);font-size:63%}body{background:var(--bg-color);color:var(--text-color);transition:background .3s,color .3s}section{min-height:100vh;padding:10rem 9% 2rem}.heading{text-align:center;font-size:4.5rem}span{color:var(--main-color)}.header{z-index:100;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:2rem 9%;display:flex;position:fixed;top:0;left:0}.logo{color:var(--text-color);border-radius:2rem;align-items:center;padding:.5rem 1.4rem;font-size:2.5rem;font-weight:700;display:inline-flex}.logo,#logo2,.no-hover-effect{cursor:default;transition:none}.logo:hover,.logo:focus,.logo:active,#logo2:hover,#logo2:focus,#logo2:active,.no-hover-effect:hover,.no-hover-effect:focus,.no-hover-effect:active,body.light-theme .logo:hover,body.light-theme .logo:focus,body.light-theme #logo2:hover,body.light-theme #logo2:focus,body.light-theme .no-hover-effect:hover{opacity:1!important;color:var(--text-color)!important;box-shadow:none!important;cursor:default!important;background:0 0!important;transform:none!important}.logo span,#logo2 span{color:red}.navbar a{color:var(--text-color);margin-left:4rem;font-size:1.7rem;transition:all .3s}.navbar a:hover,.navbar a.active{color:var(--main-color)}#menu-icon{color:var(--text-color);font-size:3.5rem;display:none}.theme-toggle{cursor:pointer;color:var(--text-color);background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin-left:2rem;font-size:2.2rem;display:flex}.theme-toggle:hover{opacity:.8}#theme-toggle-icon{transition:transform .2s}#theme-toggle-icon:active{transform:scale(.9)}.home{justify-content:space-between;align-items:center;display:flex}.home-content h3{font-size:3.2rem;font-weight:700}.home-content h3:nth-of-type(2){margin-bottom:2rem}.home-content span{color:var(--main-color)}.home-content h1{font-size:5.7rem;font-weight:700;line-height:1.3}.home-content p{font-size:1.6rem}.home-img img{border-radius:40%;width:30vw;animation:2s ease-in-out infinite IMG}@keyframes IMG{0%{transform:translateY(0)}50%{transform:translateY(-2.5rem)}to{transform:translateY(0)}}.social-media-icon a{width:4rem;height:4rem;color:var(--text-color);border:.2rem solid var(--main-color);background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin:2rem 5rem 3rem 0;font-size:2rem;transition:all .5s;display:flex}.social-media-icon a:hover{background:var(--main-color);color:var(--second-bg-color);box-shadow:0 0 2rem var(--main-color)}.btn{background:var(--main-color);box-shadow:0 0 2rem var(--main-color);color:var(--second-bg-color);letter-spacing:.1rem;border-radius:3rem;margin-top:30px;padding:1.5rem 2.8rem;font-size:1.6rem;font-weight:600;transition:all .5s;display:inline-block}.btn:hover{box-shadow:none}.about{background:var(--second-bg-color);justify-content:center;align-items:center;gap:2rem;display:flex}.about-img img{border-radius:40%;width:30vw;animation:3s ease-in-out infinite floatImg}@keyframes floatImg{0%{transform:translateY(0)}50%{transform:translateY(-2rem)}to{transform:translateY(0)}}.about-content h2{text-align:left;line-height:1.2}.about-content h3{font-size:2.5rem}.about-content p{margin:2rem 0 4rem;font-size:1.6rem}.skills{padding-bottom:7rem}.skills .heading{padding:3rem 5rem}.skills .skills-row{flex-wrap:wrap;gap:5rem;display:flex}.skills-row .skills-column{flex:40rem}.skills-column .title{margin:0 0 1.5rem;font-size:2.6rem;display:inline-block}.skills-box .progress{padding:1rem 0}.skills-box .progress h3{justify-content:space-between;font-size:1.7rem;display:flex}.skills-box .progress .bar{border:.2rem solid var(--skills-color);border-radius:.6rem;height:2.5rem;margin:1rem 0;padding:.5rem}.skills-box .progress .bar span{background:var(--skills-color);border-radius:.3rem;height:100%;display:block}.skills-column:first-child .skills-box .progress:first-child .bar span{width:90%}.skills-column:first-child .skills-box .progress:nth-child(2) .bar span{width:85%}.skills-column:first-child .skills-box .progress:nth-child(3) .bar span{width:70%}.skills-column:first-child .skills-box .progress:nth-child(4) .bar span{width:65%}.skills-column:first-child .skills-box .progress:nth-child(5) .bar span{width:100%}.skills-column:first-child .skills-box .progress:nth-child(6) .bar span{width:50%}.skills-column:first-child .skills-box .progress:nth-child(7) .bar span{width:80%}.skills-column:first-child .skills-box .progress:nth-child(8) .bar span,.skills-column:first-child .skills-box .progress:nth-child(9) .bar span{width:75%}.skills-column:first-child .skills-box .progress:nth-child(10) .bar span{width:70%}.skills-column:nth-child(2) .skills-box .progress:first-child .bar span{width:95%}.skills-column:nth-child(2) .skills-box .progress:nth-child(2) .bar span{width:90%}.skills-column:nth-child(2) .skills-box .progress:nth-child(3) .bar span{width:80%}.skills-column:nth-child(2) .skills-box .progress:nth-child(4) .bar span{width:85%}.project{background:var(--second-bg-color)}.project h2{margin-bottom:4rem}.project-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:2rem;display:grid}.project-container .project-box{box-shadow:0 0 1rem var(--main-color);aspect-ratio:4/3;background:#000;border-radius:2rem;display:flex;position:relative;overflow:hidden}.project-box img{object-fit:cover;width:100%;height:100%;transition:all .5s}.project-box:hover img{transform:scale(1.1)}.project-box .project-layer{background:linear-gradient(#004148, var(--main-color));text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 4rem;transition:all .5s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.project-box:hover .project-layer{transform:translateY(0)}.project-layer h4{font-size:3rem}.project-layer p{margin:.3rem 0 1rem;font-size:1.6rem;font-weight:700}.project-layer a{background:var(--text-color);border-radius:4px;justify-content:center;align-items:center;width:5rem;height:5rem;display:inline-flex}.project-layer a i{color:var(--second-bg-color);font-size:2rem}.coming-soon-box{border:2px dashed var(--main-color);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101a2599;border-radius:2rem;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:260px;padding:5rem 2rem;transition:transform .4s,box-shadow .4s;display:flex;box-shadow:0 0 2rem #18f7b826}.coming-soon-box:hover{transform:translateY(-5px);box-shadow:0 0 3rem #18f7b84d}.coming-soon-box i{color:var(--main-color);filter:drop-shadow(0 0 10px var(--main-color));margin-bottom:1.5rem;font-size:5.5rem}.coming-soon-box h3{color:var(--text-color);letter-spacing:1px;margin-bottom:1rem;font-size:3rem;font-weight:700}.coming-soon-box p{color:#ffffffbf;max-width:450px;font-size:1.6rem;line-height:1.6}body.light-theme .coming-soon-box{border-color:var(--main-color);background:#e5e7ebb3}body.light-theme .coming-soon-box p{color:#111111bf}.contact{padding-bottom:7rem}.contact .heading{padding:3rem 5rem}.contact form{text-align:center;max-width:70rem;margin:0 auto}.contact form .input-box{flex-wrap:wrap;justify-content:space-between;display:flex}.contact form .input-box .input-field{width:49%;margin:.8rem 0}.contact form .input-box .input-field input,.contact form .textarea-field textarea{width:100%;height:100%;color:var(--text-color);border:.2rem solid var(--main-color);background:0 0;border-radius:1rem;padding:1.5rem;font-size:1.6rem}.contact form .input-box .input-field input::placeholder,.contact form .textarea-field textarea::placeholder{color:var(--text-color)}.contact form .textarea-field textarea{resize:none}.contact form .btn{margin-top:3rem}.footer{background:var(--second-bg-color);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem;display:flex}.footer-text p{font-size:1.6rem;font-weight:600}.footer-text p span{color:red}.footer-icon-top a{background:var(--main-color);border:.2rem solid var(--main-color);z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:.8rem;font-size:2rem;display:flex;position:relative;overflow:hidden}.footer-icon-top a:before{content:"";background:var(--second-bg-color);z-index:-1;width:0;height:100%;transition:all .5s;position:absolute;top:0;left:0}.footer-icon-top a i{color:var(--bg-color);transition:all .5s}.footer-icon-top a:hover:before{width:100%}.footer-icon-top a:hover,.footer-icon-top i:hover{color:var(--text-color)}body.light-theme{--bg-color:#f5f5f5;--second-bg-color:#e5e7eb;--text-color:#111;--main-color:#18f7b8;--skills-color:linear-gradient(#18f7b8 10%, #111 100%)}body.light-theme .header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5e6}body.light-theme .footer{background:#d4d4d8}body.light-theme .social-media-icon a{border-color:#111}@media (width<=1200px){html{font-size:55%}}@media (width<=991px){.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.project{padding-bottom:7rem}.contact{min-height:auto}.footer{padding:2rem 4%}}@media (width<=768px){#menu-icon{cursor:pointer;display:block}#logo2{display:none}.header{background:var(--bg-color);padding:1.5rem 5%}.theme-toggle{margin-left:auto;margin-right:1.5rem}.navbar{background:var(--second-bg-color);border-top:.1rem solid #ffffff1a;width:100%;padding:1.5rem 5%;display:none;position:absolute;top:100%;left:0;box-shadow:0 1rem 2rem #0006}.navbar.active{flex-direction:column;gap:1rem;display:flex}.navbar a{text-align:center;border-radius:8px;margin:1rem 0;padding:.8rem;font-size:1.9rem;display:block}.home{text-align:center;flex-direction:column-reverse;justify-content:center;padding-top:12rem}.home-content{text-align:center;flex-direction:column;align-items:center;display:flex}.home-content h3{font-size:2.4rem}.home-content h1{font-size:clamp(3rem,8vw,4.8rem)}.home-img img{width:65vw;max-width:280px;margin-bottom:3rem}.social-media-icon{justify-content:center;gap:1.5rem;margin:2rem 0;display:flex}.social-media-icon a{margin:0}.about{text-align:center;flex-direction:column-reverse}.about-content{flex-direction:column;align-items:center;display:flex}.about-content h2{text-align:center}.about-img img{width:65vw;max-width:280px;margin-top:2rem}.project-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.project-box .project-layer{opacity:.95;background:#101a25d9;transform:translateY(0)}}@media (width<=615px){.project-container{grid-template-columns:1fr}}@media (width<=450px){html{font-size:50%}.contact form .input-box .input-field{width:100%}}@media (width<=360px){.home-img img,.about-img img{width:90vw}.footer{flex-direction:column-reverse}.footer p{text-align:center;margin-top:2rem;font-weight:400}}#maintenance-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#141414fa;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.maintenance-content{text-align:center;max-width:640px;padding:4rem 2rem}.maintenance-content i{color:var(--main-color);margin-bottom:2.5rem;font-size:9rem}.maintenance-content h1{color:var(--main-color);margin:0 0 2rem;font-size:5.5rem;line-height:1.1}.maintenance-content p{margin-bottom:2.5rem;font-size:2.1rem;line-height:1.5}.maintenance-content small{opacity:.75;font-size:1.7rem}body.light-theme #maintenance-overlay{background:#f5f5f5fa}body.light-theme .maintenance-content h1,body.light-theme .maintenance-content i{color:var(--main-color)}.loader-wrapper{z-index:9999999;background-color:#141414;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out,visibility .5s ease-out;display:flex;position:fixed;top:0;left:0}.loader-wrapper.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader{border:4px solid #18f7b8;width:60px;height:60px;display:inline-block;position:relative;transform:scale(.1)}.loader-inner{vertical-align:top;background-color:#18f7b859;width:100%;display:inline-block}.loader-container{justify-content:center;align-items:center;width:100vw;height:100vh;margin:0 auto;animation-delay:1s;display:flex;overflow:hidden}.item-1,.item-2,.item-3,.item-4,.item-5{background-color:#18f7b8;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin:7px;display:flex;box-shadow:0 0 12px #18f7b873}@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(2.5)}78%,to{opacity:0}}.item-1:before{content:"";opacity:.3;background-color:#18f7b8;border-radius:50%;width:14px;height:14px;transition:all .5s;animation:2s cubic-bezier(0,0,.49,1.02) .2s infinite scale;transform:scale(1)}.item-2:before{content:"";opacity:.3;background-color:#18f7b8;border-radius:50%;width:14px;height:14px;transition:all .5s;animation:2s cubic-bezier(0,0,.49,1.02) .4s infinite scale;transform:scale(1)}.item-3:before{content:"";opacity:.3;background-color:#18f7b8;border-radius:50%;width:14px;height:14px;transition:all .5s;animation:2s cubic-bezier(0,0,.49,1.02) .6s infinite scale;transform:scale(1)}.item-4:before{content:"";opacity:.3;background-color:#18f7b8;border-radius:50%;width:14px;height:14px;transition:all .5s;animation:2s cubic-bezier(0,0,.49,1.02) .8s infinite scale;transform:scale(1)}.item-5:before{content:"";opacity:.3;background-color:#18f7b8;border-radius:50%;width:14px;height:14px;transition:all .5s;animation:2s cubic-bezier(0,0,.49,1.02) 1s infinite scale;transform:scale(1)}