@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;text-decoration:none;list-style:none}:root{--text-color:#f5f5f5;--hover-color:#12f7ff;--bg-color:#250821;--big-font:2.5rem;--secon-bg-color:#292e33;--normal-font:2rem;--neon-box-shadow:0 0 .5rem #12f7ff;--h2-font:2rem;--font-neon-text-shadow:0 0 10px #12f7ff,0 0 20px #12f7ff,0 0 30px #12f7ff,0 0 40px #12f7ff,0 0 70px #12f7ff,0 0 80px #12f7ff,0 0 100px #12f7ff,0 0 150px #12f7ff}::-webkit-scrollbar{width:.5rem;height:0}::-webkit-scrollbar-track{background:var(--secon-bg-color)}::-webkit-scrollbar-thumb{background:var(--hover-color);border-radius:5rem}body{background-color:var(--bg-color);color:var(--text-color);font-family:Poppins,sans-serif}header{z-index:1000;background:var(--bg-color);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:20px 10%;transition:all .3s;display:flex;position:fixed;top:0;right:0}header.sticky{background:var(--bg-color);border-bottom:1px solid var(--bg-color);padding:12px 10%}.logo{letter-spacing:1px;font-size:26px;font-weight:700}span{color:var(--hover-color)}.navlist{display:flex}.navlist a{color:var(--text-color);animation:1s forwards slideAnimation;animation-delay:calc(.2s*var(--i));opacity:0;padding:10px 20px;font-weight:500;display:inline-block}.navlist a:hover{color:var(--hover-color);text-shadow:0 0 10px #12f7ff,0 0 20px #12f7ff,0 0 30px #12f7ff,0 0 40px #12f7ff,0 0 70px #12f7ff,0 0 80px #12f7ff,0 0 100px #12f7ff,0 0 150px #12f7ff}.navlist a.active{color:var(--hover-color)}#menu-icon{z-index:10001;cursor:pointer;background:var(--hover-color);color:var(--secon-bg-color);border-radius:3px;margin-left:25px;font-size:1.8rem;display:none}section{padding:100px 10%}.home{grid-gap:4em;grid-template-columns:repeat(2,1fr);align-items:center;width:100%;height:100%;min-height:100vh;display:grid}.home-content{max-width:600px}.home-content h1{font-size:var(--big-font);font-weight:600}.home-content p{color:#bdbdbd;line-height:1.6}.info-box{justify-content:space-between;align-items:center;width:300px;margin:1rem 0 2rem;display:inline-flex}.info-box h5{color:var(--text-color);font-size:1rem;font-weight:600}.info-box span{color:#bdbdbd;font-size:.9rem}.btn-box{justify-content:space-between;width:320px;height:45px;margin-top:20px;display:flex}.btn-box .btn{background:var(--hover-color);width:150px;height:100%;color:var(--bg-color);letter-spacing:1px;box-shadow:var(--neon-box-shadow);z-index:1;border:2px solid var(--hover-color);border-radius:5px;justify-content:center;align-items:center;font-size:1rem;font-weight:600;transition:all .6s;display:inline-flex;position:relative;overflow:hidden}a.btn:hover{color:var(--hover-color)}a.btn:before{content:"";background:var(--bg-color);z-index:-1;width:0;height:100%;transition:all .4s;position:absolute;top:0;left:0}a.btn:hover:before{width:100%}a.btn:nth-child(2){background:var(--bg-color);color:var(--hover-color)}a.btn:nth-child(2):hover{color:var(--bg-color)}a.btn:nth-child(2):before{background:var(--hover-color)}.social-icons{justify-content:space-between;width:220px;height:40px;margin-top:4rem;display:flex}.social-icons a{background:var(--bg-color);width:50px;height:100%;color:var(--hover-color);border:2px solid var(--hover-color);z-index:1;border-radius:5px;justify-content:center;align-items:center;transition:all .6s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 .3rem #12f7ff}.social-icons a i{font-size:1.5rem}.social-icons a:hover{color:var(--bg-color)}.social-icons a:before{content:"";background:var(--hover-color);z-index:-1;width:0;height:100%;transition:all .6s;position:absolute;top:0;left:0}.social-icons a:hover:before{width:100%}.home-image{position:relative}.img-box{text-align:center}.img-box img{width:100%;max-width:350px;height:auto}.liquid-shape{z-index:-1;width:100%;height:100%;position:absolute;top:10%}.liquid-shape:nth-child(2){filter:blur(50px)}.about{grid-gap:2em;background:var(--secon-bg-color);justify-content:center;align-items:center;display:flex}.about .img-about{text-align:center;position:relative}.about .img-about img{max-width:400px;height:auto}.about-content span{color:#fdfdfd;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;font-weight:200}.about-content h2{color:var(--hover-color);font-weight:700;font-size:var(--normal-font)}.about-content h3{margin-bottom:.2rem;font-size:1.5rem;font-weight:600}.about-content p{color:#fdfdfd;margin-bottom:1.5rem;font-weight:300}.info-about1,.info-about2,.info-about3{background:var(--bg-color);width:90px;height:90px;box-shadow:var(--neon-box-shadow);border:1px solid var(--hover-color);outline:2px solid var(--bg-color);z-index:100;border-radius:69% 31% 66% 34%/21% 30% 70% 79%;padding:10px;font-size:.5rem;animation:6s linear infinite morph;display:block;position:absolute}.info-about1{top:34%;left:10%}.info-about2{top:15%;left:66%}.info-about3{top:70%;left:61%}.img-about span{color:var(--hover-color);font-size:1rem;font-weight:600}.main-text{text-align:center;width:100%;color:var(--hover-color);margin-bottom:2rem}.main-text h2{font-weight:700;font-size:var(--normal-font)}.main-text span{color:#fdfdfd;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;font-weight:200}.section-services{grid-gap:2rem;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.section-services .services-box{text-align:center;background:var(--secon-bg-color);border-radius:10px;flex:18rem;padding:2rem 1rem;transition:transform .4s}.service-btn{justify-content:center;width:auto}.services-box:hover{transform:translateY(-.7rem)}.service-icon{border:2px solid var(--hover-color);background:var(--bg-color);color:var(--hover-color);box-shadow:var(--neon-box-shadow);outline:3px solid var(--bg-color);border-radius:50%;align-items:center;padding:2rem;font-size:3rem;display:flex;position:relative}.service-box h3{margin-top:10px;font-size:1.5rem}.services-box p{letter-spacing:1px;color:#bdbdbd;margin:.5rem 0 1.5rem;font-weight:300;line-height:1.6}.skills{background:var(--secon-bg-color)}.skill-main{grid-row-gap:30px;grid-column-gap:50px;grid-template-columns:repeat(2,1fr);width:100%;display:grid}.skill-bar{margin-bottom:2.3rem}.skill-main h3{font-size:var(--normal-font);text-align:center;margin-bottom:2rem}.skill-left .skill-bar .info{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.skill-left .skill-bar .bar{background-color:var(--bg-color);border-radius:25%;width:100%;height:10px;margin-top:10px;position:relative}.skill-bar .bar span{background:var(--hover-color);width:50%;height:100%;box-shadow:var(--neon-box-shadow);border-radius:25px;position:absolute;left:0}.skill-bar .bar .html{width:72%;animation:2s html}.skill-bar .bar .tailwindcss{width:78%;animation:3s html}.skill-bar .bar .figma{width:90%;animation:4s figma}.skill-bar .bar .bootstrap{width:64%;animation:5s html}.skill-bar .bar .javascript{width:80%;animation:6s javascript}.skill-bar .bar .nodejs{width:62%;animation:7s css}.skill-bar .bar .mongodb{width:60%;animation:8s html}.skill-bar .bar .react{width:76%;animation:9s react}.professional{grid-template-columns:1fr 1fr;display:grid}.box{flex:15rem;margin:10px 0;position:relative}.box .text{text-align:center;color:#fff;font-size:1rem}.box .text big{font:400;letter-spacing:1px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.box .text small{font-weight:600;display:block}.circle{border:2px solid #fff;justify-content:center;align-items:center;width:100%;height:120px;display:flex}.circle .points{background-color:var(--bg-color);width:5px;height:10px;transform:rotate(calc(var(--i)*var(--rot)))translateY(-45px);animation:40ms linear forwards glow;animation-delay:calc(var(--i)*50ms);border-radius:3px;position:absolute}.filter-button{text-align:center;margin:2rem}.filter-button .button{cursor:pointer;letter-spacing:.4px;color:var(--text-color);background:0 0;border:none;outline:none;margin-left:1.3px;font-size:.85rem;font-weight:600}.filter-button .button:hover{color:var(--hover-color)}.portfolio-gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;align-items:center;gap:20px;display:grid}.port-box{border:2px solid var(--hover-color);box-shadow:var(--neon-box-shadow);background:#292e33;border-radius:15px;grid-template-rows:1fr auto;align-items:center;display:flex;position:relative;overflow:hidden}.port-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.port-image img{width:100%;opacity:.5s;height:100%;transition:all .5s}.port-content{opacity:0;text-align:center;background:linear-gradient(#000,#12f7ff);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 2rem;transition:all .5s;display:flex;position:absolute;bottom:0;left:0}.port-box:hover .port-content{opacity:1}.port-box:hover .port-image img{transform:scale(1.1)}.port-content h3{font-size:1.5rem;font-weight:600}.port-content p{margin:5px 0 15px;font-size:.8rem}.port-content a{border:1px solid var(--hover-color);background:#fff;border-radius:50%;outline:2px solid #fff;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.port-content a i{color:var(--secon-bg-color);font-size:1.3rem}.contact{background:var(--secon-bg-color);grid-template-columns:repeat(2,1fr);align-items:center;gap:3rem;width:100%;margin:130px auto 1rem;display:grid}.contact-text{margin:1rem auto}.contact-text h2{text-align:center;font-size:90px;line-height:1}.contact-text h2 span{color:#0ef}.contact-text h4{color:#e4e4e4;margin:15px 0;font-size:20px;font-weight:600}.contact-text p{color:#b1b1b1;margin-bottom:2rem;font-size:20px;line-height:30px}.contact-list{margin-bottom:3rem}.contact-list li{margin-bottom:10px;display:block}.contact-list i{color:#0ef;font-size:20px;font-weight:600;transition:all .4s;display:inline-block}.contact-list li a:hover{color:#0ef;transform:scale(1.01)translateY(-5px)}.contact form{text-align:center;max-width:55rem;margin:1rem auto 3rem}.contact form input,.contact form textarea{background:var(--bg-color);width:100%;color:var(--text-color);border:none;border-radius:5px;outline:none;margin-bottom:1rem;padding:1rem}.contact form textarea{resize:none}.formBtn{justify-content:center;width:100%;display:flex}.formBtn .btn{cursor:pointer;font-size:1rem}footer{background:var(--bg-color);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1.5rem 10%;display:flex}footer p{color:#bdbdbd}footer a{color:var(--text-color);background:var(--hover-color);border-radius:5px;justify-content:center;padding:.6rem;display:inline-flex}footer a i{color:var(--secon-bg-color);font-size:1rem}.scroll-scale{opacity:0;transition:all 2s;transform:scale(.9)}.scroll-bottom{opacity:0;transition:all 3s;transform:translateY(300px)}.show-items{opacity:1;transform:translate(0)}@keyframes html{0%{width:0%}to{width:72%}}@keyframes tailwindcss{0%{width:0%}to{width:78%}}@keyframes nodejs{0%{width:0%}to{width:62%}}@keyframes mongodb{0%{width:0%}to{width:62%}}@keyframes bootstrap{0%{width:0%}to{width:64%}}@keyframes figma{0%{width:0%}to{width:90%}}@keyframes javascript{0%{width:0%}to{width:80%}}@keyframes react{0%{width:0%}to{width:76%}}@keyframes glow{0%{background:var(--big-color);box-shadow:none}to{background:var(--hover-color);box-shadow:var(--neon-box-shadow)}}@keyframes slideAnimation{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 50%}30%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}60%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}80%{border-radius:69% 31% 66% 34%/21% 30% 60% 50%}}@media (width<=991px){header,header.sticky,footer{padding:15px 5%}section{padding:50px 5%}navlist a{padding:8px 15px}:root{--big-font:2.2rem;--secon-bg-color:#292e33;--normal-font:1.8rem;--neon-box-shadow:0 0 .8rem #12f7ff;--h2-font:2rem}.home-content{margin-top:5rem}.social-icons{margin-top:2rem}}@media (width<=768px){#menu-icon{transition:all .4s;display:block}section{margin:20px auto}#menu-icon.bx-x{transform:rotate(-180deg)}.navlist{background:var(--bg-color);text-align:left;flex-direction:column;padding:0 5%;transition:all .45s;display:flex;position:absolute;top:-1000px;left:0;right:0}.navlist a{padding-bottom:1rem;font-size:1rem;display:block}.navlist.open{top:100%}.home{grid-template-columns:1fr}.home-image{margin-bottom:5rem}.liquid-shape{width:80%;top:13%;left:10%}.about{flex-direction:column-reverse}.contact,.portfolio-gallery,.skill-main{grid-template-columns:1fr}.filter-button{margin:2.5rem 0}footer p{font-size:.9rem}}@media (width<=420px){html{font-size:80%}footer p{font-size:.6rem}.filter-button .btn{font-size:.8rem}.portfolio-gallery{grid-template-columns:1fr}.img-about img{width:300px}.info-about1,.info-about2,.info-about3{display:none}.img-about p{font-size:1rem}}
/*# sourceMappingURL=repo.fe7ae748.css.map */