:root{--ease-smooth:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;transition:all .25s var(--ease-smooth);border:none;outline:none;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth;font-size:62.5%;overflow-x:hidden}body{background:#cbdcf7;font-family:Poppins,sans-serif}::selection{color:#fff;background:#da2b2b}html{font-size:62.5%;overflow-x:hidden}html::-webkit-scrollbar{width:.8rem}html::-webkit-scrollbar-track{background:#ebcaf5}html::-webkit-scrollbar-thumb{background:#420177}.loader-container{z-index:10000;background:#e6eff1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader-container.fade-out{top:-120%}header{z-index:1000;background-color:#fff;justify-content:space-between;align-items:center;height:6.5rem;padding:1.7rem 10%;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #92a1b04d}section{min-height:50vh;padding:2rem 9%}.heading{color:#202020;text-align:center;font-size:3.5rem;font-weight:800}.heading span{color:#a7031e}header .logo{color:#0e2431;font-size:1.9rem;font-weight:800;text-decoration:none}header .logo i{font-size:2.2rem}header .logo:hover{color:#da0416}header .navbar ul{justify-content:center;align-items:center;list-style:none;display:flex}header .navbar li{margin-left:2.5rem}header .navbar ul li a{color:#0e2431;letter-spacing:.04rem;font-size:1.57rem;font-weight:600;text-decoration:none;transition:all .2s}header .navbar ul li a.active,header .navbar ul li a:hover{color:#da0416;border-bottom:.2rem solid #da0416;padding:.5rem 0}#menu{cursor:pointer;color:#18023f;font-size:3rem;display:none}@media (max-width:768px){#menu{display:block}header .navbar{text-align:left;width:75%;height:100%;transition:right .45s var(--ease-smooth);background-color:#0e0f31;align-items:flex-start;position:fixed;top:6.5rem;right:-120%}header .navbar ul{flex-flow:column;padding:1rem}header .navbar ul li{text-align:center;border-radius:.5rem;width:26rem;margin:1rem 0}header .navbar ul li a{text-align:left;color:#fff;padding:1rem;font-size:2rem;display:block}header .navbar ul li a.active,header .navbar ul li a:hover{color:#fff;border-bottom:.5rem solid #da0416;border-radius:.5rem;padding:1rem}.fa-times{transform:rotate(180deg)}header .navbar.nav-toggle{right:0}}.home{flex-wrap:wrap;align-items:center;gap:1.5rem;min-height:100vh;display:flex;position:relative}.home #particles-js{width:100%;height:100%;position:absolute;top:0;left:0}.home:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.home .content{z-index:1;flex:40rem;padding-top:7rem}.home .image{z-index:1;flex:40rem;justify-content:center;align-items:center;display:flex}.home .image img{cursor:pointer;border-radius:2%;max-width:80%;height:auto;margin:0;box-shadow:0 2px 8px #0000004d}.home .image img:hover{box-shadow:0 5px 15px #00000080}.home .content h2{color:#002057;font-size:5rem;font-weight:800}.home .content h2 span{color:#ff7b00;font-size:5rem;font-weight:800}.home .content p{color:#000;padding:1rem 0;font-size:2.5rem;font-weight:600}.home .content p span{color:#cc0909;padding:1rem 0;font-size:2.5rem;font-weight:600}.home .btn{color:#fff;background:#da0416;border-radius:4em;margin-top:1rem;padding:1.6rem 3rem;font-family:Nunito,sans-serif;line-height:0;transition:all .5s;position:absolute;box-shadow:0 5px 18px #f7303099}.home .btn span{letter-spacing:.1rem;font-size:1.7rem;font-weight:700}.home .btn i{margin-left:.3rem;font-size:1.5rem;transition:all .3s}.home .btn:hover{background:#a30512}.home .btn:hover i{transform:translate(5px)}.socials{margin-top:9rem;position:relative}.socials .social-icons{margin-bottom:0;padding-left:0;list-style:none}.socials .social-icons li{margin-bottom:14px;display:inline-block}.social-icons a{color:#fff;text-align:center;width:44px;height:44px;-webkit-transition:all .25s var(--ease-smooth);-o-transition:all .25s var(--ease-smooth);transition:all .25s var(--ease-smooth);background-color:#09011b;border-radius:100%;margin-right:8px;font-size:2rem;line-height:44px;display:inline-block}.social-icons a:active,.social-icons a:focus,.social-icons a:hover{color:#fff;background-color:#0685da}.social-icons a.github:hover{background-color:#0e0e0e}.social-icons a.twitter:hover{background-color:#00aced}.social-icons a.linkedin:hover{background-color:#0072b1}.social-icons a.dev:hover{background-color:#b00}.social-icons a.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-icons a.facebook:hover{background:#32506d}@media (max-width:450px){.home .btn{margin:4rem 0}.socials{margin-top:12rem}.home .image img{margin-top:1rem}.home .content p,.home .content p span{font-size:2.2rem}}.about{background:#fff}.about .row{flex-flow:wrap;gap:2rem;padding:4rem;display:flex}.about .row .image{text-align:center;flex:35rem}.about .row .image img{cursor:pointer;border-radius:5%;width:200px;max-width:100%;height:auto;transition:all .3s;box-shadow:0 5px 10px #0009}.about .row .image img:hover{mix-blend-mode:normal}.about .row .content{flex:45rem;padding:3rem}.about .row .content h3{color:#1b1b1b;font-size:2.5rem}.about .row .content .tag{color:#020133;margin-top:1rem;font-size:1.4rem;font-weight:600}.about .row .content p{text-transform:none;margin-top:1.5rem;font-family:Nunito;font-size:1.5rem;font-weight:600}.about .row .content .box-container{flex-wrap:wrap;gap:1.5rem;font-family:Nunito;font-weight:600;display:flex}.about .row .content .box-container .box p{text-transform:none}.about .row .content .box-container .box p span{color:#da0416}.resumebtn{margin-top:6rem}.resumebtn .btn{color:#fff;background:#da0416;border-radius:.5em;padding:1.9rem 3rem;font-family:Nunito,sans-serif;transition:all .3s;box-shadow:0 5px 10px #f7303099}.resumebtn .btn span{letter-spacing:.1rem;font-size:1.8rem;font-weight:600}.resumebtn .btn i{margin-left:.3rem;font-size:1.2rem;transition:all .3s}.resumebtn .btn:hover{background:#8d0707}.resumebtn .btn:hover i{transform:translate(5px)}@media screen and (max-width:600px){.about .row .image{margin-top:2rem}.about .row .image img{mix-blend-mode:normal;width:250px;margin:0 auto;display:block}.about .row{margin-bottom:7rem;padding:.5rem}.about .row .content{padding:1rem}.about .row .content .box-container{gap:0}}.skills{background:linear-gradient(#57059e,#4a00e0);min-height:40vh}.skills,.skills *,.skills h2{color:#fff}.skills .heading span{color:#d4c006}.skills .container{color:#fff;background:#00001666;border-radius:1rem;width:90%;margin:2rem auto auto;padding:2rem}.skills .container .row{flex-wrap:wrap;grid-template-columns:repeat(6,1fr);gap:1.8rem;display:grid}.skills .container .bar{background:#000016e6;border-radius:1rem;margin-bottom:15px;padding:10px;transition:all .2s;box-shadow:0 4px 10px #0003}.skills .container .bar:hover{background-color:#000000e6!important;box-shadow:0 8px 10px #000244cc!important}.skills .container .bar .info{flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;display:flex}.skills .container .bar .info i{font-size:4rem}.skills .container .bar .info span{margin-left:.5rem;font-family:Poppins;font-size:2rem;font-weight:500}@media screen and (max-width:600px){.skills .container{margin:0;padding:0}.skills .container .row{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem;padding:2rem .2rem}.skills .container{width:100%;margin-top:5px}}.education{background:#e5ecfb;min-height:80vh}.education .qoute{text-align:center;margin-top:.5rem;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600}.education .box-container{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem;display:flex}.education .box-container .box{text-align:left;width:80%;transition:.4s var(--ease-smooth);background:#fcfcfc;border-radius:.5rem;flex-direction:row;align-items:center;gap:1.5rem;margin-top:2rem;padding:1rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:.2rem .5rem 1rem #0003}.education .box-container .box:hover{transform:scale(1.03);box-shadow:1rem .5rem 1.2rem #0000004d}.education .box-container .box .image{flex-shrink:0;justify-content:center;align-items:center;width:150px;height:auto;display:flex;overflow:visible}.education .box-container .box img{border-radius:.5rem;width:100%;height:auto;display:block}.education .box-container .box .content{flex-flow:column wrap;flex-grow:1;padding:0;display:flex}.education .box-container .box .content h3{color:#012970;text-align:left;margin:0 0 .5rem 1rem;padding:.5rem 0;font-size:2.5rem;font-weight:600}.education .box-container .box .content p{text-align:left;color:#222;margin-left:1rem;font-size:1.5rem}.education .box-container .box .content .date,.education h4{color:#226d00;text-align:left;margin:1rem 0 1rem 1rem;font-family:Nunito,sans-serif;font-size:2rem;font-weight:700}@media screen and (max-width:600px){.education .box-container .box{text-align:center;flex-direction:column;width:100%;padding:1rem}.education .box-container .box .image{width:100%;height:auto;margin-bottom:1rem}.education .box-container .box img{border-radius:.5rem;width:80%;height:auto;margin:0 auto}.education .box-container .box .content{flex:none;margin:0 auto;padding:0}.education .box-container .box .content h3,.education .box-container .box .content p,.education .box-container .box .content .date{margin-left:0}}.experience{background:linear-gradient(#000031,#00002c);margin-bottom:0;padding-bottom:27px}.experience h2{color:#fff;padding:1rem}.experience .heading span{color:#c2af07}.experience .box-container{flex-wrap:wrap;gap:1.5rem;margin:2rem 2rem 0;display:flex}.experience .box-container .box{border-radius:.5rem;flex:30rem;height:30rem;position:relative;overflow:hidden;box-shadow:0 .5rem 1rem #0000001a}.experience .box-container .box img{object-fit:cover;width:104%;height:93%}.experience .box-container .box .content{width:100%;height:100%;transition:top .5s var(--ease-smooth);background:#ffffffe6;flex-direction:column;display:flex;position:absolute;top:85%;left:0}.experience .box-container .box .content .tag{color:#fff;background:#da0416;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:4.5rem;padding-left:1rem;display:flex}.experience .box-container .box .content .tag h3{font-size:2rem}.experience .box-container .box:hover .content{top:25%}.experience .desc{flex-direction:column;justify-content:center;margin:2rem 2rem 1rem;display:flex}.experience .desc p{margin-bottom:0;font-size:1.5rem}.experience .desc .btns{justify-content:space-between;width:100%;margin-top:2rem;display:flex}.experience .desc .btns .btn{color:#fff;background:#0c0c0c;border-radius:.5rem;margin-right:2rem;padding:1.5rem 2.5rem;font-size:1.5rem;line-height:0;display:inline}.experience .desc .btns .btn:hover{background:#da0416}.experience .viewall{justify-content:center;display:flex}.experience .viewall .btn{color:#fff;text-align:center;border:2px solid #fff;border-radius:.5em;padding:1.6rem 3rem;font-weight:700;line-height:0;transition:all .5s;position:relative;box-shadow:0 5px 10px #4154f166}.experience .viewall .btn span{font-family:Nunito,sans-serif;font-size:1.7rem;font-weight:600}.experience .viewall .btn i{margin-left:.3rem;font-size:1.5rem;transition:all .3s}.experience .viewall .btn:hover{color:#000;background:#fff}.experience .viewall .btn:hover i{transform:translate(5px)}.gallery-modal{z-index:9999;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;width:100vw;height:100vh;transition:opacity .35s var(--ease-smooth), visibility .35s var(--ease-smooth);overscroll-behavior:contain;background:#000c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.gallery-modal.active{opacity:1;visibility:visible;pointer-events:auto}.gallery-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;opacity:0;width:100%;max-width:900px;max-height:90vh;transition:opacity .35s var(--ease-smooth), transform .35s var(--ease-smooth);background:#fff;border-radius:8px;padding:1.5rem;position:relative;overflow-y:auto;transform:scale(.95);box-shadow:0 4px 20px #0003}.gallery-modal.active .gallery-content{opacity:1;transform:scale(1)}.close-btn{cursor:pointer;color:#333;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0;font-size:3rem;font-weight:700;line-height:1;transition:color .3s;position:absolute;top:.5rem;right:1rem}.close-btn:hover,.close-btn:focus{color:#e74c3c;outline-offset:2px;outline:2px solid #e74c3c}.gallery-grid{column-count:3;column-gap:1rem;margin-top:1rem}.gallery-grid a{break-inside:avoid;width:100%;margin-bottom:1rem;display:inline-block}.gallery-grid img{cursor:pointer;width:100%;transition:transform .4s var(--ease-smooth);border-radius:6px;display:block}.gallery-grid img:hover,.gallery-grid img:focus{outline:none;transform:scale(1.05)}.positions-list{flex-direction:column;gap:15px;margin-top:20px;display:flex}.video-production-view{display:none}.video-production-view.active{display:block}.video-play-btn,.video-back-btn{cursor:pointer;border:none;border-radius:999px;margin-top:1rem;padding:.8rem 1.2rem;font-weight:700;transition:transform .2s,background .2s}.video-play-btn{color:#fff;background:#414ff1;margin-top:.75rem}.video-back-btn{color:#222;background:#f1f1f1;margin-bottom:1rem}.video-play-btn:hover,.video-back-btn:hover{transform:translateY(-2px)}.video-player-frame{background:#000;border-radius:10px;width:100%;overflow:hidden}.video-player-title{color:#222;margin:0 0 .75rem;font-size:1.2rem}.video-player-frame iframe{border:0;width:100%;min-height:420px}@media (max-width:768px){.video-player-frame iframe{min-height:240px}}.position-item{text-align:left;background:#4b4b4b;border-radius:10px;padding:15px}.position-item h3{margin-bottom:6px;font-size:26px;color:#fff!important}.server-link{color:#fff;font-weight:500;text-decoration:underline}.server-link:after{content:" →";font-size:.9em}.server-link:hover{opacity:.8}.position-item p{opacity:.9;font-size:20px;color:#fff!important}.status-current{color:#2ecc71;font-weight:600}.status-retired{color:#e74c3c;font-weight:600}@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;top:.5rem;right:.5rem}}body.modal-open{overflow:hidden}.btn{cursor:pointer;color:#fff;background-color:#3498db;border:none;border-radius:4px;align-items:center;gap:6px;padding:.4rem 1rem;font-size:1rem;font-weight:600;transition:background-color .3s;display:inline-flex}.btn:hover,.btn:focus{background-color:#2980b9;outline:none;box-shadow:0 0 0 3px #2980b980}.contact{text-align:center;background:#e5ecfb;padding:4rem 2rem}.contact .heading{color:#000;text-align:center;margin-bottom:2rem;font-family:Nunito,sans-serif;font-size:4rem;font-weight:700}.contact .heading span{color:#c2af07}.contact form{text-align:left;background:#b6c2d9;border-radius:12px;flex-direction:column;gap:1.2rem;max-width:600px;margin:auto;padding:2rem;display:flex;box-shadow:0 0 20px #0000001a}.contact form label{color:#000;margin-bottom:-.8rem;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:700}.contact input,.contact textarea{color:#000;text-transform:none;background:#fff;border:none;border-radius:8px;outline:none;padding:1rem;font-family:Nunito,sans-serif;font-size:1.5rem}.contact textarea{resize:vertical;min-height:120px}.contact button.btn{color:#000;cursor:pointer;text-align:center;background:#ffe100;border:none;border-radius:8px;justify-content:center;align-items:center;padding:1rem;font-size:1.6rem;font-weight:700;transition:all .3s;display:flex}.contact button.btn:hover{background:#c2af07}.form-status{color:#000;margin-top:1rem;font-weight:700}.footer{background:#00012b;min-height:auto;padding-top:0}.footer .box-container{flex-wrap:wrap;justify-content:center;display:flex}.footer .box-container .box{flex:25rem;margin:2.5rem}.footer .box-container .box h3{color:#fff;padding-bottom:1rem;font-size:2.5rem;font-weight:400}.footer .box-container .box p{color:#ccc;text-transform:none;padding:.7rem 0;font-size:1.5rem}.footer .box-container .box p i{color:#ffae00;padding-right:1rem}.footer .box-container .box a{color:#eee;padding:.3rem 0;font-size:1.5rem;display:block}.footer .box-container .box a:hover{color:#ffae00}.footer .box-container .box .share{flex-wrap:wrap;padding:1rem 0;display:flex}.footer .box-container .box .share a{text-align:center;color:#02094b;background:#e6e6e6;border:none;border-radius:5rem;width:4rem;height:4rem;margin-right:1rem;padding:.8rem;font-size:1.7rem;transition:all .2s}.footer .box-container .box .share a:hover{color:#ffae00;background:0 0;border:.1rem solid #b4b2b2;transform:scale(.98)}.footer .credit{text-align:center;color:#fff;border-top:.1rem solid #fff3;padding:1rem 0 0;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600}.footer .credit a{color:#ffae00}.footer .fa{color:#e90606;margin:0 .3rem;font-size:1.5rem;animation:.35s infinite alternate pound}@keyframes pound{to{transform:scale(1.1)}}@media (max-width:450px){.footer .box-container .box{margin:1.5rem}.footer .box-container .box p{padding:.7rem}.footer .box-container .box .share a{padding:1.2rem}html{font-size:55%}body{padding-right:0}section{padding:2rem}}#scroll-top{color:#0d002c;transition:all .6s var(--ease-smooth);z-index:1000;background:#ffae00;border-radius:50%;padding:1.3rem 1.5rem;font-size:2rem;position:fixed;top:-140%;right:2rem}#scroll-top.active{top:calc(100% - 12rem)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
