@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box;text-decoration:none;outline:none;border:none}:root{--bg-color: #1f242d;--secondary-bg-color: #323946;--main-color: #7cf03d;--white-color: #fff;--disabled-color: #fff3}html{font-size:62.5%}body{color:var(--white-color);background-color:var(--bg-color)}header{position:fixed;top:0;left:0;width:100%;padding:2rem 9%;background:var(--bg-color);display:flex;justify-content:space-between;align-items:center;z-index:100;visibility:hidden;opacity:0}header.active{animation:show-header .7s linear forwards;animation-delay:.4s}@keyframes show-header{to{visibility:visible;opacity:1}}.logo{color:var(--white-color);font-size:3rem;font-weight:700}nav a{font-size:2rem;color:var(--white-color);font-weight:500;margin-left:3.5rem}nav a:hover,nav a.active{color:var(--main-color)}#menu-icon{font-size:4rem;display:none}section{position:absolute;width:100%;height:100%;padding:10rem 9% 2rem;visibility:hidden;opacity:0;overflow:hidden}section.active{animation:show-section 1.7s linear forwards;animation-delay:1.4s}@keyframes show-section{to{visibility:visible;opacity:1;overflow:auto}}.home{display:flex;align-items:center;gap:5rem}.home-detail h1{font-size:clamp(3.5rem,10vw,5.5rem)}.home-detail h2{display:inline-block;font-size:3.2rem;margin-top:-1rem}.home-detail h2 span{position:relative;display:inline-block;color:transparent;-webkit-text-stroke:.07rem var(--main-color);animation:display-text 16s linear infinite;animation-delay:calc(-4s * var(--i))}@keyframes display-text{25%,to{display:none}}.home-detail h2 span:before{content:attr(data-text);position:absolute;width:0;border-right:.2rem solid var(--main-color);color:var(--main-color);white-space:nowrap;overflow:hidden;animation:fill-text 4s linear infinite}@keyframes fill-text{10%,to{width:0}70%,90%{width:100%}}.home-detail p{font-size:1.6rem;margin:1rem 0 2.5rem}.home-detail .btn-sci{display:flex;align-items:center}.btn{display:inline-block;padding:1rem 3rem;background:var(--main-color);border:.2rem solid var(--main-color);border-radius:4rem;box-shadow:0 0 1rem var(--main-color);font-size:1.6rem;color:var(--bg-color);font-weight:500;transition:.5s}.btn:hover{background:transparent;color:var(--main-color);box-shadow:none}.home-detail .btn-sci .sci{margin-left:2rem}.home-detail .btn-sci .sci a{display:inline-flex;padding:.8rem;border:.2rem solid var(--main-color);border-radius:50%;font-size:2rem;color:var(--main-color);margin:0 .8rem;transition:.5s}.home-detail .btn-sci .sci a:hover{background:var(--main-color);color:var(--bg-color);box-shadow:0 0 1rem var(--main-color)}.home-img .img-box{position:relative;width:32vw;height:32vw;border-radius:50%;padding:.5rem;display:flex;justify-content:center;align-items:center;overflow:hidden}.home-img .img-box:before,.home-img .img-box:after{content:"";position:absolute;width:50rem;height:50rem;background:conic-gradient(transparent,transparent,transparent,var(--main-color));transform:rotate(0);animation:rotate-border 10s linear infinite}.home-img .img-box:after{animation-delay:-5s}@keyframes rotate-border{to{transform:rotate(360deg)}}.home-img .img-box .img-item{position:relative;width:100%;height:100%;background:var(--bg-color);border-radius:50%;border:.01rem solid var(--bg-color);display:flex;justify-content:center;z-index:1;overflow:hidden}.home-img .img-box .img-item img{position:absolute;top:3rem;display:block;width:85%;object-fit:cover;mix-blend-mode:lighten}.heading{font-size:4.5rem;text-align:center;margin-bottom:2rem}.heading span{color:var(--main-color)}.projects-container{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.projects-detail{display:none}.projects-detail.active{display:block}.projects-container .numb{font-size:8rem;-webkit-text-stroke:.07rem var(--white-color);color:transparent;line-height:1}.projects-box h3{font-size:3.5rem;margin:.8rem 0 2rem}.projects-box p{font-size:1.6rem}.projects-box .tech{margin:2rem 0;color:var(--main-color);border-bottom:.1rem solid var(--white-color);padding-bottom:2rem}.projects-box .live-github a{position:relative;display:inline-flex;padding:1.3rem;font-size:3rem;color:var(--white-color);border-radius:50%;background:var(--secondary-bg-color);transition:.5}.projects-box .live-github a:hover{color:var(--main-color)}.projects-box .live-github a:first-child{margin-right:1.5rem}.projects-box .live-github a:first-child i{transform:rotate(135deg)}.projects-box .live-github a span{position:absolute;top:-60%;left:50%;transform:translateY(-50%) scale(.9);font-size:1.6rem;white-space:nowrap;padding:.5rem 1rem;border-radius:.6rem;pointer-events:none;background:var(--white-color);color:var(--bg-color);opacity:0;transition:.2s}.projects-box .live-github a:hover span{top:-70%;opacity:1;scale:1}.projects-box .projects-carousel{width:100%;height:45rem;border-radius:1rem;overflow:hidden}.projects-carousel .img-slide{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:2rem;height:inherit;transition:.5s}.projects-carousel .img-item{height:inherit}.projects-carousel .img-item img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1rem}.projects-box .navigation{text-align:right;margin-top:2rem}.projects-box .navigation button{display:inline-flex;padding:.4rem;background:var(--secondary-bg-color);border:.2rem solid var(--main-color);border-radius:.6rem;font-size:4rem;color:var(--main-color);cursor:pointer}.projects-box .navigation button.disabled{border-color:var(--secondary-bg-color);color:var(--disabled-color)}.projects-box .navigation .arrow-right{margin-left:1.5rem}.contact-container{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem}.contact-container .contact-box:first-child{align-self:center}.contact-box h2{font-size:4.5rem}.contact-box p{font-size:1.6rem}.contact-box .desc{margin:1.5rem 0 2.5rem}.contact-box .contact-detail{display:flex;align-items:center;margin:2rem 0}.contact-detail i{display:inline-flex;background:var(--secondary-bg-color);color:var(--main-color);font-size:3rem;padding:1.2rem;border-radius:.6rem;margin-right:1.5rem}.contact-detail .detail p:first-child{color:var(--main-color)}.contact-box form{background:var(--secondary-bg-color);padding:2.5rem 3.5rem 3.5rem;border-radius:1rem;text-align:center}.contact-box .heading{font-size:3.5rem}.contact-box .field-box{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.contact-box .field-box input,.contact-box .field-box textarea{padding:1.5rem;background:var(--bg-color);border:.15rem solid var(--bg-color);border-radius:.6rem;font-size:1.6rem;color:var(--white-color)}.contact-box .field-box textarea{grid-column:1 / -1;height:26rem;resize:none}.contact-box .field-box input:focus,.contact-box .field-box textarea:focus{border-color:var(--main-color)}.contact-box .btn{margin-top:2rem;cursor:pointer}.github-finder{padding:2rem;justify-content:center;text-align:center;border-radius:10px;margin-top:2rem}.github-search-box{margin-bottom:1.5rem;display:flex;justify-content:center}.github-search-box input{padding:10px;width:250px;border:1px solid #ccc;border-radius:5px}.github-search-box button{padding:10px 15px;background-color:#0070f3;color:#fff;border:none;border-radius:5px;margin-left:10px;cursor:pointer}.github-profile{margin-top:2rem;background:#fff;color:#000;padding:1.5rem;border-radius:8px;display:none;text-align:left;box-shadow:0 2px 10px #0000001a}.github-profile img{width:200px;border-radius:50%}.github-profile{font-size:1.5rem}.github-profile h3{text-align:center}.github-profile a{color:#0366d6;text-decoration:none;font-weight:700}@media screen and (max-width: 1200px){html{font-size:55%}}@media screen and (max-width: 992px){header{padding:2rem 4%}section{padding:10rem 4% 2rem}}@media screen and (max-width: 810px){.contact-box .field-box{grid-template-columns:1fr}}@media screen and (max-width: 768px){#menu-icon{display:block!important}nav{position:absolute;top:100%;left:0;width:100%;padding:1rem 0;background:var(--bg-color);border-top:.1rem solid rgba(0,0,0,.2);box-shadow:0 .5rem 1rem #0003;text-align:center;display:none}nav.active{display:block}nav a{display:block;margin:4rem 0}.home{flex-direction:column-reverse;justify-content:center;gap:2rem}.home-img .img-box{width:35rem;height:35rem}.projects-container,.contact-container{grid-template-columns:1fr}.projects-container .projects-box:first-child{order:1}.contact-box .field-box{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.home-img .img-box{width:30rem;height:30rem}.contact-box .field-box{grid-template-columns:1fr}}@media screen and (max-width: 450px){html{font-size:50%}}@media screen and (max-width: 400px){.home-detail{text-align:center}.home-detail .btn-sci{flex-direction:column-reverse}.home-detail .btn-sci .sci{margin-left:0;margin-bottom:2rem}.contact-box form{padding:2.5rem 3rem 3.5rem}.contact-box h2{font-size:3.5rem}}.thank-you-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;animation:show-section 1.5s linear forwards}.thank-you-section h1{font-size:5rem;color:var(--main-color);margin-bottom:1.5rem}.thank-you-section p{font-size:2rem;color:var(--white-color);max-width:600px;margin-bottom:3rem}.thank-you-section a.btn{text-decoration:none}