@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap");*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;outline:none;border:none;text-transform:capitalize;transition:all .2s linear}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{background:#cbdcf7;font-family:Poppins,sans-serif}.container{max-width:900px;margin:0 auto;padding:0 2rem}::selection{background:#da2b2b;color:#fff}html::-webkit-scrollbar{width:.8rem}html::-webkit-scrollbar-track{background:#ebcaf5}html::-webkit-scrollbar-thumb{background:#420177}.scroll-progress{height:4px;background:linear-gradient(90deg,#da0416,#ffae00);z-index:1001;transition:width .2s ease}.scroll-progress,header{position:fixed;top:0;left:0}header{right:0;z-index:1000;justify-content:space-between;padding:1.7rem 5%;height:6.5rem;background-color:#fff;box-shadow:0 1px 4px rgba(146,161,176,.3)}header,header .logo{display:flex;align-items:center}header .logo{font-size:1.9rem;font-weight:800;color:#0e2431;gap:.5rem}header .logo:hover{color:#da0416}header .navbar ul{list-style:none;display:flex;justify-content:center;align-items:center}header .navbar li{margin-left:2.5rem}header .navbar ul li a{font-size:1.57rem;color:#0e2431;font-weight:600;letter-spacing:.04rem;transition:.2s}header .navbar ul li a.active,header .navbar ul li a:hover{color:#da0416;border-bottom:.2rem solid #da0416;padding:.5rem 0}#menu{font-size:3rem;cursor:pointer;color:#18023f;display:none}@media (max-width:768px){#menu{display:block}header .navbar{position:fixed;top:6.5rem;right:-120%;width:75%;height:100vh;background-color:#0e0f31;transition:.3s}header .navbar.nav-toggle{right:0}header .navbar ul{flex-direction:column;padding:2rem}header .navbar ul li{text-align:center;width:100%;margin:1rem 0}header .navbar ul li a{display:block;padding:1rem;color:#fff;font-size:2rem}header .navbar ul li a.active,header .navbar ul li a:hover{border-bottom:none;background:#da0416;border-radius:.5rem}}.home{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:6.5rem 5% 2rem}.home #particles-js{position:absolute;width:100%;height:100%;top:0;left:0}.home .content{flex:0 1 600px;z-index:1;text-align:center}.home .image{flex:0 1 400px;z-index:1;display:flex;justify-content:center}.home .image img{max-width:70%;height:auto;border-radius:2%;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer}.home .image img:hover{box-shadow:0 5px 15px rgba(0,0,0,.5)}.home .content h2{font-size:4.5rem;font-weight:800;color:#002057}.home .content h2 span{color:#ff7b00}.home .content p{font-size:2.2rem;color:#000;font-weight:600;padding:1rem 0}.home .content p span{color:#cc0909}.home .btn{margin:2rem auto 0;display:inline-flex;align-items:center;justify-content:center;padding:1.6rem 3rem;border-radius:4em;color:#fff;background:#da0416;box-shadow:0 5px 18px rgba(247,48,48,.6);font-family:Nunito,sans-serif}.home .btn span{font-weight:700;font-size:1.7rem;letter-spacing:.1rem}.home .btn:hover{background:#a30512}.socials{margin-top:4rem}.social-icons,.socials{display:flex;justify-content:center}.social-icons{padding-left:0;margin-bottom:0;list-style:none}.social-icons li{display:inline-block;margin:0 .5rem}.social-icons a{font-size:2rem;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;background-color:#09011b;border-radius:100%;transition:all .2s linear}.social-icons a:hover{background-color:#0685da;transform:translateY(-3px)}.social-icons a.facebook:hover{background-color:#32506d}.social-icons a.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}h2.heading{text-align:center}.about{background:#fff;padding:4rem 0}.about .row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;max-width:850px;margin:0 auto;padding:2rem}.about .row .image{flex:0 0 200px;text-align:center}.about .row .image img{width:180px;height:auto;border-radius:5%;box-shadow:0 5px 10px rgba(0,0,0,.6);cursor:pointer}.about .row .content{flex:1;max-width:500px}.about .row .content h3{color:#1b1b1b;font-size:2.5rem}.about .row .content .tag{font-size:1.4rem;color:#020133;font-weight:600;margin-top:1rem}.about .row .content p{font-size:1.5rem;margin-top:1.5rem;font-family:Nunito;font-weight:600;text-transform:none}.about .row .content .box-container{display:flex;flex-wrap:wrap;gap:1.5rem;font-family:Nunito;font-weight:600;margin-top:2rem}.about .row .content .box-container .box p span{color:#da0416}.skills{min-height:40vh;background:linear-gradient(180deg,#57059e,#4a00e0);padding:4rem 0}.skills h2{color:#fff;text-align:center}.skills .heading span{color:#d4c006}.skills .container{background:rgba(0,0,22,.4);border-radius:1rem;padding:2rem;width:90%;max-width:800px;margin:2rem auto 0}.skills .container .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:2rem;justify-items:center}.skills .container .bar{padding:10px;border-radius:1rem;box-shadow:0 4px 10px rgba(0,0,0,.2);background:rgba(0,0,22,.9);transition:.2s;width:100%;max-width:120px}.skills .container .bar:hover{box-shadow:0 8px 10px rgba(0,2,68,.8);background-color:rgba(0,0,0,.9);transform:translateY(-5px)}.skills .container .bar .info{display:flex;flex-direction:column;align-items:center;gap:1rem}.skills .container .bar .info img{max-width:50px;height:auto;filter:brightness(0) invert(1)}.skills .container .bar .info span{font-size:1.6rem;font-weight:500;font-family:Poppins;color:#fff;text-align:center}.education{background:#e5ecfb;padding:4rem 0}.education .qoute{font-size:1.5rem;text-align:center;font-family:Nunito,sans-serif;font-weight:600;margin-top:.5rem}.education .box-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:3rem}.education .box-container .box{display:flex;flex-direction:row;width:90%;max-width:700px;border-radius:.5rem;box-shadow:.2rem .5rem 1rem rgba(0,0,0,.2);background:#fcfcfc;align-items:center;gap:2rem;padding:1.5rem 2rem;transition:.3s}.education .box-container .box:hover{transform:scale(1.02);box-shadow:1rem .5rem 1.2rem rgba(0,0,0,.3)}.education .box-container .box .image{flex-shrink:0;width:120px}.education .box-container .box img{width:100%;height:auto;display:block;border-radius:.5rem}.education .box-container .box .content{flex-grow:1}.education .box-container .box .content h3{margin:0 0 .5rem;font-weight:700;font-size:2.2rem;color:#012970}.education .box-container .box .content p{font-size:1.4rem;color:#222}.education .box-container .box .content h4{font-size:1.8rem;color:#226d00;margin-top:1rem;font-family:Nunito,sans-serif;font-weight:700}.work{background:linear-gradient(180deg,#000031,#00002c);padding:4rem 0}.work h2{color:#fff;text-align:center}.work .heading span{color:#c2af07}.work .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:2rem auto 0}.work .box-container .box{border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);position:relative;overflow:hidden;height:28rem;transition:.3s}.work .box-container .box img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.work .box-container .box:hover img{transform:scale(1.05)}.work .box-container .box .content{height:100%;width:100%;position:absolute;top:85%;left:0;background:hsla(0,0%,100%,.95);display:flex;flex-direction:column;transition:top .3s ease}.work .box-container .box:hover .content{top:30%}.work .box-container .box .content .tag{display:flex;align-items:center;height:4rem;width:100%;padding-left:1rem;background:#da0416;color:#fff}.work .box-container .box .content .tag h3{font-size:1.8rem}.work .desc{margin:1.5rem;display:flex;flex-direction:column;justify-content:center}.work .desc p{font-size:1.4rem;margin-bottom:1rem}.work .desc .btns{display:flex;justify-content:center;width:100%;margin-top:auto}.work .desc .btns .btn{display:inline-flex;align-items:center;padding:1.2rem 2rem;border-radius:.5rem;font-size:1.4rem;color:#fff;background:#0c0c0c;transition:.3s}.work .desc .btns .btn:hover{background:#da0416;transform:translateY(-2px)}.gallery-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:9999;padding:2rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.gallery-modal.active{opacity:1;visibility:visible;pointer-events:auto}.gallery-content{background:#fff;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border-radius:12px;padding:2rem;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.3);transform:scale(.95);transition:transform .3s ease}.gallery-modal.active .gallery-content{transform:scale(1)}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:3rem;cursor:pointer;color:#333;transition:color .3s ease;z-index:10}.close-btn:hover{color:#da0416}.gallery-grid{column-count:3;column-gap:1rem;margin-top:1rem}.gallery-grid a{display:inline-block;width:100%;margin-bottom:1rem;break-inside:avoid}.gallery-grid img{width:100%;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.gallery-grid img:hover{transform:scale(1.03);box-shadow:0 4px 15px rgba(0,0,0,.2)}@media (max-width:1024px){.gallery-grid{column-count:2}}@media (max-width:600px){.gallery-grid{column-count:1}.gallery-content{padding:1rem}.close-btn{font-size:2.5rem}}.contact{background:#e5ecfb;padding:4rem 0}.contact .heading{font-size:3.5rem;color:#000;text-align:center;font-weight:700;font-family:Nunito,sans-serif;margin-bottom:2rem}.contact .heading span{color:#c2af07}.contact form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem;padding:2rem;background:#f3f3f3;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.1)}.contact form label{font-weight:700;margin-bottom:-.8rem}.contact form label,.contact input,.contact textarea{font-size:1.5rem;color:#000;font-family:Nunito,sans-serif}.contact input,.contact textarea{padding:1rem;border:none;border-radius:8px;background:#fff;outline:none;text-transform:none}.contact input:focus,.contact textarea:focus{box-shadow:0 0 0 3px rgba(218,4,22,.2)}.contact textarea{resize:vertical;min-height:120px}.contact button.btn{background:#ffe100;color:#000;font-weight:700;font-size:1.6rem;padding:1rem;border:none;border-radius:8px;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center}.contact button.btn:hover{background:#c2af07;transform:translateY(-2px)}.contact button.btn:disabled{opacity:.6;cursor:not-allowed}.form-status{margin-top:1rem;color:#000;font-weight:700;text-align:center;font-size:1.5rem}.footer{background:#00012b;padding:4rem 0 2rem}.footer .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:900px;margin:0 auto;padding:0 2rem}.footer .box-container .box h3{font-size:2.5rem;color:#fff;padding-bottom:1rem;font-weight:400}.footer .box-container .box p{font-size:1.5rem;color:#ccc;padding:.7rem 0;text-transform:none}.footer .box-container .box a{font-size:1.5rem;color:#eee;padding:.3rem 0;display:block}.footer .box-container .box a:hover{color:#ffae00}.footer .box-container .box .share{display:flex;flex-wrap:wrap;padding:1rem 0;gap:1rem}.footer .box-container .box .share a{height:4rem;width:4rem;padding:.8rem;text-align:center;border-radius:50%;font-size:1.7rem;background:#e6e6e6;color:#02094b;transition:.2s}.footer .box-container .box .share a:hover{background:transparent;transform:scale(.98);border:.1rem solid #b4b2b2;color:#ffae00}.footer .credit{padding:2rem 0 0;text-align:center;font-size:1.5rem;font-family:Nunito,sans-serif;font-weight:600;color:#fff;border-top:.1rem solid #fff3;max-width:900px;margin:2rem auto 0}.footer .credit a{color:#ffae00}.pulse{animation:pound .35s infinite alternate}@keyframes pound{to{transform:scale(1.1)}}#scroll-top{position:fixed;bottom:2rem;right:2rem;padding:1.3rem 1.5rem;font-size:2rem;background:#ffae00;color:#0d002c;border-radius:50%;transition:all .3s ease;z-index:1000;opacity:0;visibility:hidden;cursor:pointer}#scroll-top.active{opacity:1;visibility:visible}#scroll-top:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.3)}@media (max-width:1200px){html{font-size:58%}}@media (max-width:768px){html{font-size:55%}section{padding:2rem 0}.container{padding:0 1rem}.home{flex-direction:column;text-align:center;padding:6.5rem 1rem 2rem}.home .content,.home .image{flex:1;max-width:100%}.home .image{margin-top:2rem}.home .image img{max-width:60%}.home .btn{position:static;margin-top:2rem}.about .row{flex-direction:column;text-align:center}.about .row,.about .row .content{max-width:100%}.education .box-container .box{flex-direction:column;text-align:center;max-width:90%}.education .box-container .box .image{width:100px;margin-bottom:1rem}.skills .container .row{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.work .box-container{grid-template-columns:1fr;max-width:90%}.footer .box-container{grid-template-columns:1fr;text-align:center}.footer .box-container .box .share{justify-content:center}}@media (max-width:450px){html{font-size:50%}.home .content h2{font-size:3.5rem}.home .content p{font-size:2rem}.home .image img{max-width:80%}.gallery-grid{column-count:1}}