@import"https://fonts.googleapis.com/css2?family=Aldrich&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Joti+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Roboto,serif;min-height:100vh;background-color:#011222}::-webkit-scrollbar{width:3px;height:12px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:20px}.hero{min-height:100vh;display:flex;flex-direction:row;justify-content:space-evenly;padding:10px 200px 0;justify-content:center;align-items:center}.nowrap{text-wrap:nowrap}.hero-text{color:#fef4f4;width:75%}.hero-text h1{font-size:50px}.hero-text h3{font-size:30px;margin:10px 0}.spancolor{color:#0ff}.hero-text h5{font-size:15px;font-weight:400;margin:10px 0 20px;color:#a2a1a1}.hero-img img{width:400px;height:400px;border-radius:50%;border:3px solid aqua;object-fit:cover}.hero-social{display:flex;flex-direction:row;gap:20px}.hero-social a{color:#fef4f4;font-size:30px;margin:5px 0 20px}.hero-social a:hover{color:#0ff;transform:scale(1.05);transition-property:color,transform;transition-duration:.3s}.hero-btn button{width:10.5em;height:3.2em;border-radius:30em;font-size:15px;font-family:inherit;border:none;position:relative;overflow:hidden;z-index:1;background-color:#06fefe}.hero-btn button:before{content:"";width:0;height:3.2em;border-radius:30em;position:absolute;top:0;left:0;background-image:linear-gradient(to right,#0ff,#3ec3de);transition:.5s ease;display:block;z-index:-1}.hero-btn button:hover:before{width:10.2rem}.hero-btn button a{color:#000;text-decoration:none;font-weight:600;font-size:18px}.hero-btn button:hover{transition:.3s}.hero-btn button a:hover{color:#000}@media (max-width: 1070px){.hero{flex-direction:column;padding:10px 20px}.hero-img{order:-1;display:flex;justify-content:center;margin-bottom:20px}.hero-img img{width:350px;height:350px}.hero-text{width:100%;text-align:center}.hero-text h1{font-size:40px;font-size:60px}.hero-text h3{font-size:24px}.hero-text h5{font-size:14px}.hero-social{justify-content:center;gap:15px}.hero-btn{display:flex;justify-content:center}.hero-btn button{width:150px;padding:8px 15px}}@media (max-width: 480px){.hero-img img{width:200px;height:200px}.hero-text h1{font-size:32px}.hero-text h3{font-size:20px}.hero-text h5{font-size:12px}.hero-social a{font-size:24px}.hero-btn button{width:140px;font-size:16px}}.about{min-height:100vh;background-color:#011629;scroll-margin-top:80px;margin:10px 0;padding:30px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px;margin:0;padding:0 100px}.about-img img{width:100%;max-width:680px;height:auto;object-fit:cover;margin-bottom:40px;margin-top:-70px}.about-text{color:azure;text-align:left;flex:1}.about h1{color:azure;font-size:50px;padding:30px 0 0;justify-self:center}.about span{color:#0ff}.about-text h5{color:gray;font-size:20px;font-weight:400}.about-detail{margin-top:20px;display:flex;flex-direction:row;gap:40px;color:#c5c4c4}.about-details{display:flex;flex-direction:row;gap:5px}.about-detail h3{font-size:50px}.about-detail h5{font-size:15px;align-self:center}@media (max-width: 768px){.about-content{display:flex;flex-direction:column;margin:0 20px;padding:40px 0;text-align:center}.about-img img{order:2;width:80%;margin:0 auto}.about-text{order:1;width:100%}.about h1{font-size:50px;justify-self:center;padding:15px 0 0}.about-text h5{font-size:18px;justify-self:center;text-align:center}.about-detail{order:3;flex-direction:row;gap:20px;justify-content:center}.about-details{justify-content:center}.about-detail h3{font-size:40px}.about-detail h5{font-size:14px}}.skill{min-height:100vh;font-family:Roboto,serif;text-align:center;color:#fff;margin:50px 20px;scroll-margin-top:90px}.skill h1{color:#ede7e7;font-size:45px;font-weight:600;margin-bottom:10px}.skill p{font-size:18px;color:#979696}.skill-boxes{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:40px}.skill-box{background:#1e1e2a;border:1px solid aqua;border-radius:20px;padding:20px;width:490px;text-align:center;box-shadow:0 4px 6px #20efeb77}.skill-box h2{margin-bottom:10px;font-size:1.5rem;color:#d4d2d2}.skill-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:18px;font-size:18px}.skill-icon{display:flex;align-items:center;gap:5px;background:#2a2a38;color:#fff;border:1px solid gray;border-radius:5px;padding:10px 20px;box-shadow:0 2px 4px #0003;transition:transform .2s}.icon:hover{transform:scale(1.1)}.icon svg{width:20px;height:20px}.icon span{font-size:.9rem}.skill-icon img{width:25px;height:auto}.projects{min-height:100vh;font-family:Roboto,serif;text-align:center;color:#fff;padding-bottom:50px;margin:100px 0 50px;background-color:#011629;scroll-margin-top:80px}.project-head h1{color:#ede7e7;font-size:45px;font-weight:600;padding:20px 0 10px}.project-head p{font-size:18px;padding-bottom:50px;color:#979696}.category-btn{background:transparent;color:#0ff;font-size:17px;padding:5px 20px;border:1px solid aqua;border-radius:0;cursor:pointer;transition:.3s}.category-btn.active{background:#0ff9;color:#011629}.category-btn:hover{background:#00ffff7e;color:#011629}.category-btn:first-child{border-radius:10px 0 0 10px}.category-btn:last-child{border-radius:0 10px 10px 0}.project-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:50px 0}.project-card{background-color:#01182f;display:flex;flex-direction:column;color:#fff;width:300px;height:390px;margin:20px;border-radius:10px;box-shadow:4px 4px 10px #121313;transition:.3s}.project-card:hover{transform:scale(1.05)}.technologies{display:flex;flex-wrap:wrap;justify-content:start;margin:10px 15px 15px;gap:5px}.technologies button{background:#042241ee;color:#0ff;font-size:12px;border:none;padding:2px 10px;margin-bottom:5px;border-radius:10px;cursor:pointer;transition:.3s}.project-card img{width:100%;height:175PX;object-fit:fill;border-radius:30px 30px 25px 25px;padding:20px 15px 10px}.project-card h3{font-size:22px;color:#e4dddd;margin:0 10px;padding:10px;text-align:left}.project-card p{font-size:14px;color:#afa9a9;margin:0 10px 10px;padding:0 10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d5;display:flex;justify-content:center;align-items:flex-start;z-index:1000;overflow-y:auto}.popup{margin:50px 0;background:#011629;color:#fff;width:95%;max-width:800px;border-radius:10px;padding:50px 20px;position:relative;box-shadow:0 5px 15px #0000004d;animation:fadeIn .3s ease-in-out}.popup-close-btn{position:absolute;top:10px;right:22px;background:transparent;border:none;color:#fff;font-size:30px;cursor:pointer;transition:transform .3s}.popup-close-btn:hover{transform:scale(1.2)}.popup-image{width:100%;border-radius:10px;margin-bottom:20px}.popup-title{font-size:30px;text-align:left;margin-bottom:10px}.popup-technologies{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.popup-technologies button{background:#094b8533;color:#0ff;border:none;border-radius:10px;padding:5px 12px;font-size:14px;cursor:pointer}.popup-description{font-size:16px;line-height:1.6;margin-bottom:20px;color:#c5cbd3;text-align:left}.popup h4{font-size:20px;color:#c5cbd3;text-align:left;margin-bottom:5px}.feature-icon,.projectstructure-icon{width:15px;height:15px;margin-right:5px}.popup-features,.popup-projectstructure{font-size:16px;line-height:1.6;margin-bottom:20px;color:#c5cbd3;text-align:left}.popup-buttons{display:flex;margin-top:30px;justify-content:space-around;gap:10px}.popup-btn{text-decoration:none;color:#fff;padding:14px 20px;border-radius:20px;background:#032374;transition:background .3s;font-weight:700;flex:1;background:linear-gradient(to top,#00154c,#12376e,#23487f);box-shadow:0 15px 30px #00000080}.popup-btn:hover{background:linear-gradient(to top,#00154c,#0c2c5c,#0c2b59)}.popup-btn.live{background:linear-gradient(to top,#064a71,#018dac,#0eafe5)}.popup-btn.live:hover{background:linear-gradient(to top,#053c5c,#02748e,#098cb8)}.popup-buttons:only-child .popup-btn{flex:none;width:100%;max-width:none}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.show-more-btn{font-size:14px;background:transparent;border:none;padding:.7em 1.5em;color:#c1c0c0;text-transform:uppercase;position:relative;transition:.5s ease;cursor:pointer}.show-more-btn:before{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background-color:#0ff;transition:.5s ease}.show-more-btn:hover{color:#0ff;transition-delay:.5s}.show-more-btn:hover:before{width:100%}.education{color:#fff;min-height:auto;font-family:Roboto,serif;margin:0 0 50px;scroll-margin-top:80px}.edu-header{text-align:center;margin-bottom:20px}.edu-header h1{color:#ede7e7;font-size:45px;font-weight:600;padding:0 0 10px}.edu-header p{font-size:18px;padding-bottom:50px;color:#979696}.edu-boxes{display:flex;flex-direction:column;justify-self:center;gap:20px;padding:0 100px}.edu-box{background:transparent;border:1px solid aqua;border-radius:20px;width:550px;padding-bottom:10px;overflow:hidden;box-shadow:0 2px 5px #23bec457;transition:max-height .3s ease,box-shadow .3s ease;max-height:100px;min-height:200px;cursor:pointer;position:relative;z-index:2}.edu-box:before{content:"";z-index:0;position:absolute;border-radius:20px;width:1000px;height:130%;background-image:linear-gradient(180deg,#40bff2,#040935);animation:rotBGimg 20s linear infinite;transition:all 2s linear}@keyframes rotBGimg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edu-box:after{content:"";z-index:1;position:absolute;background:#011222;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:20px}.edu-box:hover{max-height:500px;box-shadow:0 4px 10px #0003;border:1px solid rgb(14,118,188)}.edu-box:hover:before{background-image:linear-gradient(180deg,#0e76bc,#14b6d7);animation:rotBGimg 20s linear infinite}.edu-box-header{z-index:2;display:flex;color:#dbd9d9;align-items:center;padding:15px}.edu-img{z-index:2;width:60px;height:60px;object-fit:contain;margin-right:15px}.edu-title{z-index:2;flex-grow:1}.edu-title h2{z-index:2;font-size:18px;margin:0}.edu-title .degree{z-index:2;font-size:14px;margin:0;color:#6f6d6d}.edu-title p{z-index:2;margin:5px 0 0;font-size:12px;color:#6f6d6d}.edu-description{padding:0 20px 0 15px;font-size:15px;color:#868484;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;z-index:2;position:relative}.edu-box:hover .edu-description{display:block}@media (max-width: 1200px){.edu-header{margin-bottom:0}.edu-boxes{padding:0 50px;margin:0 40px}.edu-box{width:450px}}@media (max-width: 992px){.edu-boxes{padding:0 20px;margin:0 40px}.edu-box{width:400px}}@media (max-width: 768px){.edu-box{width:100%;max-height:120px}.edu-box:hover{max-height:400px}}@media (max-width: 576px){.edu-box{min-height:150px}.edu-box-header{align-items:flex-start}.edu-img{width:50px;height:50px;margin-bottom:10px}.edu-title h2{font-size:16px}.edu-title p{font-size:11px}.edu-description{font-size:14px}}@media (max-width: 400px){.edu-header h1{font-size:35px;padding:30px 0 10px}.edu-header p{font-size:16px;padding-bottom:30px}.edu-box{min-height:120px}.edu-description{font-size:13px;-webkit-line-clamp:3}}.contact{padding:10px 0 60px;background-color:#011629;color:#fff;scroll-margin-top:50px}.contact-header{text-align:center;margin-bottom:5px}.contact-header h1{color:#fff;font-size:50px;padding:50px 0 10px}.contact-header p{font-size:20px;padding-bottom:50px;color:#979696}.contact-form h2{text-align:center;color:#fff;font-size:28px;margin-bottom:20px}.contact-form{max-width:600px;margin:0 auto;background:linear-gradient(to left,#01172c,#01192f,#011a32);padding:30px;border-radius:12px;box-shadow:4px 4px 10px #02506e85}.contact-form input,.contact-form textarea{font-family:Aldrich,serif;width:100%;padding:14px 12px;margin:10px 0;background:transparent;border:1px solid #ccc;border-radius:8px;font-size:16px;color:#ccc}.contact-form textarea{height:100px}.contact-form input:focus,.contact-form textarea:focus{border-color:#35a8c8;background:transparent;outline:none}.contact-form button{background:linear-gradient(to top,#064a71,#018dac,#0eafe5);color:#fff;font-weight:700;padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-size:18px;width:50%;margin:12px auto;display:block;transition:background-color .3s ease}.contact-form button:hover{background-color:#0895c4;transform:scale(1.05)}.contact-form button:disabled{background:#0895c4ad;cursor:not-allowed;color:#fff;transform:none;box-shadow:none}.contact-form p{text-align:center;color:#888484;font-weight:700;margin-top:20px}.contact-form input:-webkit-autofill,.contact-form textarea:-webkit-autofill{background:linear-gradient(to left,#01172c,#01192f,#011a32)!important;font-family:Aldrich,serif;border:1px solid #ccc;border-radius:8px;font-size:16px;color:#ccc!important;box-shadow:0 0 0 30px #011a32 inset;-webkit-text-fill-color:rgb(204,204,204)!important;transition:background-color 5000s ease-in-out 0s}.contact-form input:-webkit-autofill:focus,.contact-form textarea:-webkit-autofill:focus{border-color:#35a8c8;background:transparent!important;-webkit-text-fill-color:rgb(204,204,204)!important}@media (max-width: 768px){.contact-header h1{font-size:36px}.contact-header p{font-size:18px}.contact-form{justify-self:center;padding:20px;margin:0 30px}.contact-form button{font-size:16px;width:50%}}.navbar{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;background-color:#011222;height:80px;position:sticky;top:0;z-index:1000}.navbar-logo{color:#0ff;font-family:Audiowide,serif}.navbar-links ul{display:flex;flex-direction:row;gap:30px;list-style-type:none;font-size:17px}.navbar-links ul a{text-decoration:none;color:#f5eeee}.navbar-links ul a:hover{color:#0ff}.nav-btn{display:flex;gap:14px}.nav-btn button{background:transparent;border:2px solid aqua;padding:13px 25px;border-radius:30px;color:#f5eeee}.nav-btn button:hover{background-color:#0ff;transition-property:background-color,transform;transition-duration:1s;color:#000}.nav-btn button a{color:inherit;font-size:17px;text-decoration:none;font-weight:500;font-family:Roboto,serif}.nav-btn button a:hover{color:inherit}.hamberger-icon{display:none;width:30px;height:30px;cursor:pointer}@media (max-width:768px){.hamberger-icon{display:block}.navbar{justify-content:space-around}.navbar-links{display:none;flex-direction:column;position:absolute;top:80px;left:10px;right:0;background-color:#011222f8;z-index:1000;align-items:center;padding:20px;text-align:center}.navbar-links.active{display:flex}.navbar-links ul{flex-direction:column;gap:20px}.nav-btn img{align-self:center}.nav-btn button{padding:10px 20px}}@media (max-width:400px){.nav-btn button{display:none}}.footer{text-align:center;padding:40px 0 30px}.footer-name{color:#0ff;font-size:24px;font-weight:700}.footer-nav{margin:15px 0}.footer-nav a{color:#bbb;margin:0 15px;text-decoration:none;font-size:16px;transition:color .3s ease}.footer-nav a:hover{color:#0ff}.footer-icons{margin:20px 0}.footer-icons a{color:#bbb;margin:0 10px;font-size:20px;text-decoration:none;transition:color .3s ease}.footer-icons a:hover{color:#0ff}.footer-copy{font-size:14px;color:#bbb;margin-top:15px}@media (max-width: 768px){.footer{padding:20px 10px}.footer-name{font-size:20px}.footer-nav{margin:10px 0}.footer-nav a{margin:0 10px;font-size:14px}.footer-icons{margin:15px 0}.footer-icons a{margin:0 8px;font-size:18px}.footer-copy{font-size:12px}}@media (max-width: 480px){.footer{padding:15px 5px}.footer-name{font-size:18px}.footer-nav{margin:8px 0}.footer-nav a{margin:0 5px;font-size:12px}.footer-icons{margin:10px 0}.footer-icons a{margin:0 5px;font-size:16px}.footer-copy{font-size:10px}}.wrapper{width:200px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.circle{width:20px;height:20px;position:absolute;border-radius:50%;background-color:#0ff;left:15%;transform-origin:50%;animation:circle7124 .5s alternate infinite ease}@keyframes circle7124{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7)}40%{height:20px;border-radius:50%;transform:scaleX(1)}to{top:0%}}.circle:nth-child(2){left:45%;animation-delay:.2s}.circle:nth-child(3){left:auto;right:15%;animation-delay:.3s}.shadow{width:20px;height:4px;border-radius:50%;background-color:#000000e6;position:absolute;top:62px;transform-origin:50%;z-index:-1;left:15%;filter:blur(1px);animation:shadow046 .5s alternate infinite ease}@keyframes shadow046{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}to{transform:scaleX(.2);opacity:.4}}.shadow:nth-child(4){left:45%;animation-delay:.2s}.shadow:nth-child(5){left:auto;right:15%;animation-delay:.3s}