@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"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:none;transition:all .2s linear}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{background:#ddd;font-family:Poppins,sans-serif}*::selection{background:#fc8c05;color:#fff}html{font-size:62.5%;overflow-x:hidden}.heading{margin-top:-50px}@media screen and (max-width: 600px){.heading{margin-top:10px}body{width:100%}}header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:2rem 4%;height:7rem;background-color:#fff;box-shadow:0 1px 4px #92a1b04d}section{min-height:100vh;padding:2rem 9%}.heading{font-size:3.5rem;color:#202020;font-weight:800;text-align:center;padding-top:10rem}header .logo{width:125px;height:auto;margin-top:.7rem}header img{margin-right:1.4rem;width:32px}header .logo:hover{color:#fc8c05}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;text-decoration:none;letter-spacing:.04rem;transition:.2s}header .navbar ul li a.active,header .navbar ul li a:hover{color:#fc8c05;border-bottom:.2rem solid #fc8c05;padding:.5rem 0}#menu{font-size:3rem;cursor:pointer;color:#18023f;display:none}@media (max-width: 768px){#menu{display:block;margin-right:2rem}header .navbar{position:fixed;top:8rem;right:-120%;width:37%;height:45%;text-align:left;align-items:flex-start;border-radius:1rem;box-shadow:-10px 0 15px #0003;background-color:#d1ddf7}header .navbar ul{flex-flow:column;padding:1rem}header .navbar ul li{text-align:center;width:100%;margin:.5rem 0;border-radius:.5rem;width:20rem}header .navbar ul li a{display:block;padding:1rem;text-align:left;font-size:1.8rem}header .navbar ul li a.active,header .navbar ul li a:hover{padding:1rem;color:#0e2431;border-radius:.5rem;border-bottom:.5rem solid #fc8c05}.fa-times{transform:rotate(180deg)}header .navbar.nav-toggle{right:0}}@media (max-width: 450px){header{padding:1.5rem 6%;height:6rem}header .logo{width:100px;margin-top:.3rem}#menu{font-size:2.5rem;margin-right:1rem}header .navbar{top:7rem;width:40%;height:auto;padding:1rem}header .navbar ul li{width:15rem}header .navbar ul li a{font-size:1.5rem;padding:.8rem 1.2rem}.heading{font-size:2.2rem;padding-top:8rem}}.home{position:relative;display:flex;flex-wrap:wrap;gap:1.5rem;min-height:100vh;align-items:center}.home:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%}.home .content{flex:1 1 40rem;padding-top:1rem;z-index:1}.home .image{flex:1 1 40rem;z-index:1}.home .image img{width:70%;margin-left:6rem;border-radius:50%;box-shadow:0 2px 8px #1b1a1a4d;cursor:pointer}.home .image img:hover{box-shadow:0 5px 15px #011333}.home .content h2{font-size:5rem;font-weight:800;color:#002057}.home .btn{margin-top:1rem;position:absolute;line-height:0;padding:1.6rem 3rem;border-radius:4em;transition:.5s;color:#fff;background:#fc8c05;box-shadow:0 5px 18px #ffa333;font-family:Nunito,sans-serif}.home .btn span{font-weight:700;font-size:1.7rem;letter-spacing:.1rem}.home .btn i{margin-left:.3rem;font-size:1.5rem;transition:.3s}.home .btn:hover{background:#ec8200}.home .btn:hover i{transform:translate(5px)}.socialmedia{position:relative;margin-top:9rem}.socialmedia .socmed-icon{padding-left:0;margin-bottom:0;list-style:none}.socialmedia .socmed-icon li{display:inline-block;margin-bottom:14px}.socmed-icon a{font-size:2rem;display:inline-block;line-height:44px;color:#ff8c00;background-color:#09011b;width:44px;height:44px;text-align:center;margin-right:8px;border-radius:100%;transition:all .2s linear}.socmed-icon a:active,.socmed-icon a:focus,.socmed-icon a:hover{color:#fff}.socmed-icon a.github:hover{background-color:#0e0e0e}.socmed-icon a.twitter:hover{background-color:#00aced}.socmed-icon a.linkedin:hover{background-color:#007bb6}.socmed-icon a.instagram:hover{background-image:linear-gradient(to bottom left,#515bd4,#8134af,#dd2a7b,#f58529,#feda77)}@media (max-width: 450px){.home{min-height:80vh}.home .image img{text-align:center}.home .content{margin-left:2.5rem;margin-top:-4rem}.home .content h2{font-size:4rem}.home .content p,.home .content p span{font-size:2.2rem}}@media (max-width: 768px){.home{min-height:90vh}.home .content h2{margin-top:3rem;font-size:3.5rem}.home .btn{margin:1.5rem 0}.home .image img{text-align:center;margin-top:-5rem}}.about{background:#fff}.about .heading{color:#020133}.about .row{display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap;padding:4rem}.about .row .image{text-align:center;flex:1 1 35rem}.about .row .image img{margin:4rem;width:30rem;height:auto;border-radius:5%;box-shadow:50px 50px 50px #7e3131f6;mix-blend-mode:luminosity;transition:transform .5s ease,box-shadow .5s ease;cursor:pointer}.about .row .image img:hover{mix-blend-mode:normal;cursor:pointer;transform:scale(1.075)}.about .row .content{flex:1 1 45rem;padding:3rem}.about .row .content h3{color:#ec8200;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:5rem;font-family:Nunito;font-weight:600}.about .row .content .box-container .box p{text-transform:none}.about .row .content .box-container .box p span{color:#fc8c05}.cvbtn{margin-top:6rem}.cvbtn .btn{padding:1.7rem 3rem;border-radius:.5em;transition:.3s;color:#fff;background:#fc900d;box-shadow:0 5px 10px #ffa333;font-family:Nunito,sans-serif}.cvbtn .btn span{font-weight:600;font-size:1.8rem;letter-spacing:.1rem}.cvbtn .btn i{margin-left:.3rem;font-size:1.2rem;transition:.3s}.cvbtn .btn:hover{background:#ec8200}.cvbtn .btn:hover i{transform:translate(5px)}@media (max-width: 450px){.about .heading{font-size:3.5rem}.about .row .image{margin-top:3.5rem}.about .row .image img{margin:0 auto;width:70%;mix-blend-mode:normal}.about .row{padding:.5rem;margin-bottom:7rem}.about .row .content{padding:1rem}.about .row .content h3{font-size:3rem;margin-top:2rem}.about .row .content .box-container{gap:0}}.contact{min-height:auto;padding:0;background:#00012b;display:flex;flex-direction:column}.contact .box-container{height:80%;width:100%;display:flex;flex-wrap:wrap}.contact .box-container .box{flex:1 1 25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:2rem}.contact .box-container .box h3{font-size:2.5rem;color:#fff;padding-bottom:1rem;font-weight:400}.contact .box-container .box p{font-size:1.5rem;color:#ccc;padding:.9rem 0;text-transform:none;font-family:Nunito;align-self:flex-start}.contact .box-container .box p i{padding-right:1.5rem;color:#ffae00}.contact .box-container .box .share{display:flex;flex-wrap:wrap;padding:1.5rem 0}.contact .box-container .box .share a{font-size:2rem;display:inline-block;line-height:44px;color:#fff;background-color:#09011b;width:44px;height:44px;text-align:center;margin-right:8px;border-radius:100%;transition:all .2s linear}.contact .box-container .box .share a:hover{background:transparent;transform:scale(.98);border:.1rem solid rgb(180,178,178);color:#ffae00}.contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60%;gap:.8rem;margin-top:1rem}.contact-form input,.contact-form textarea{padding:10px;border:3px solid #fc900d;border-radius:8px;font-size:1.2rem;width:60%}.contact-form textarea{min-height:60px;resize:vertical}.contact-form button{padding:10px;margin-top:10px;width:45%;background:#fc900d;color:#fff;border:none;border-radius:.5em;transition:.3s;font-size:1.5rem;font-family:Nunito,sans-serif;cursor:pointer}.contact-form button:hover{background:#ec8200}.contact-form button.sent{background:#28a745;color:#fff}.contact-form button.error{background:#dc3545;color:#fff}@media (max-width: 450px){.heading{padding-top:4rem}html{font-size:55%}body{padding-right:0}section{padding:2rem}.contact-form input,.contact-form textarea{width:90%}.contact .box-container .box h3{margin-top:4rem;margin-left:5rem}.contact .box-container .box{display:flex;justify-content:center;align-items:center;margin:5px}.contact .box-container .box p{padding:.7rem}.contact-form button{margin-bottom:2.5rem;font-size:1.2rem;width:70%}}@media (max-width: 768px){.contact-form input,.contact-form textarea{width:90%}.contact-form button{width:70%}}.projects{padding-left:0%;padding-right:0%;height:auto}.projects .heading{color:#020133}.project-container{display:flex;flex-wrap:wrap;justify-content:center;padding:4rem;gap:4rem;width:100%;margin-top:50px;margin-bottom:0}.flip-card{background:transparent;width:400px;height:450px;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;border-radius:5%;backface-visibility:hidden;box-shadow:0 6px 18px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:center}.flip-card-front{background:#fff}.project-img{width:100%;height:100%;border-radius:5%}.project-name{font-size:2.15rem;font-weight:700;color:#2d3436;margin-bottom:.4rem}.position{font-size:1.7rem;color:#fc8c05;margin-bottom:.6rem}.duration{font-size:1.3rem;color:#226d00;font-weight:700}.description{font-size:2rem;line-height:1.6rem}.flip-card-back{background:linear-gradient(135deg,#f9fafb,#e3f2fd);color:#333;padding:20px;transform:rotateY(180deg);border-radius:15px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left}.flip-card-back h3{font-size:1.8rem;font-weight:700;color:#1e88e5;margin-bottom:10px;border-left:4px solid #1e88e5;padding-left:10px}.flip-card-back h4{font-size:1.4rem;font-weight:600;color:#615c5c;margin-bottom:15px;font-style:italic}.flip-card-back p{font-size:1.1rem;font-style:italic;line-height:1.5;margin-bottom:12px;color:#555}.flip-card-back ul{list-style-type:"✦ ";margin:0 0 20px;padding:0 0 0 15px;font-size:1.28rem;font-weight:550;line-height:1.5}.flip-card-back li{margin-bottom:6px;font-family:Poppins,sans-serif;color:#444}.card-buttons{display:flex;justify-content:space-evenly;width:100%;margin-top:2rem}.card-buttons a{line-height:0;padding:1.8rem 2.5rem;border-radius:.5rem;font-size:1.4rem;color:#fff;background:#0c0c0c}.card-buttons a:hover{background:#ec8200;box-shadow:0 5px 18px #ffa333}@media (max-width: 768px){.projects .heading{font-size:3.5rem}.project-container{flex-direction:column;align-items:center;padding:2rem;gap:2rem;margin-top:30px;margin-bottom:40px}.flip-card{width:90%;max-width:350px;height:350px}.project-name{font-size:1.8rem}.position{font-size:1.4rem}.duration{font-size:1.1rem}.flip-card-back h3{font-size:1.6rem}.flip-card-back h4{font-size:1.2rem}.flip-card-back p{font-size:1rem;line-height:1.4}.flip-card-back ul{font-size:1.1rem}.card-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.card-buttons a{width:50%;text-align:center;padding:1.4rem 0;font-size:1.2rem}}.skills{min-height:140vh;background:linear-gradient(to bottom right,#ff9f2a,#ffe033)}.skills h2{color:#fff}.skills .container{background:#0000164e;color:#fff;border-radius:1rem;padding:2rem;width:100%;margin:auto;margin-top:6rem;margin-bottom:10rem}.skills .container .row{display:grid;grid-template-columns:repeat(5,2fr);flex-wrap:wrap;gap:1.4rem}.skills .container .bar{margin:15px 5px;padding:10px;border-radius:1rem;box-shadow:0 4px 10px #0003;background:#5a42018e;transition:.2s}.skills .container .bar:hover{box-shadow:0 8px 10px #00000040!important;background-color:#0006!important}.skills .container .bar .info{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.skills .container .bar .info img{width:16rem}.skills .container .bar .info span{font-size:2rem;font-weight:500;font-family:Poppins;text-align:center}@media screen and (max-width: 768px){.skills h2{font-size:3.5rem}.skills .container .row{grid-template-columns:repeat(2,1fr);margin:0;padding:2rem .5rem;gap:.5rem}.skills .container .bar{width:auto}.skills .container{margin-top:6rem;margin-bottom:8rem;width:100%;padding:0}}@media screen and (max-width: 390px){.skills h2{font-size:2.5rem;text-align:center}.skills .container{margin-top:4rem;margin-bottom:6rem;padding:1rem}.skills .container .row{grid-template-columns:1fr;gap:1rem;padding:1rem .5rem}.skills .container .bar{padding:8px;margin:8px 0}.skills .container .bar .info img{width:10rem}.skills .container .bar .info span{font-size:1.4rem}}.education{background:linear-gradient(to bottom,#000031,#00002c);min-height:120vh}.education h1{color:#fff}.education .heading span{color:#fc8c05}.education .box-container{margin-top:4rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}.education .box-container .box{display:flex;flex-direction:row;width:82.5%;border-radius:.5rem;box-shadow:.2rem .5rem 1rem #0003;text-align:center;position:relative;margin-top:2rem;overflow:hidden;transition:.3s;background:#fcfcfc}.education .box-container .box:hover{transform:scale(1.1);box-shadow:1rem .5rem 1.2rem #80808080}.education .box-container .box .image{flex:1 1 20rem;width:100%}.education .box-container .box img{object-fit:cover;position:relative;width:100%;height:100%}.education .box-container .box .content{position:relative;display:flex;flex-direction:column;padding:1rem;flex-wrap:wrap;flex:1 1 70rem}.education .box-container .box .content h3{font-size:2.5rem;color:#012970;padding:.5rem 0;font-weight:600;text-align:left;margin-left:1rem}.education .box-container .box .content p{font-size:1.5rem;margin-left:1rem;font-weight:600;text-align:left}.education h4{font-size:2rem;color:#226d00;text-align:left;margin:1rem;font-family:Nunito,sans-serif;font-weight:700}@media (max-width: 768px){.education h1{font-size:3.5rem}.education .box-container{margin-bottom:5rem}.education .box-container .box{flex-direction:column;width:90%;margin-bottom:2rem}.education .box-container .box .image{width:100%;height:25rem}.education .box-container .box img{width:100%}.education .box-container .box .content{position:relative;display:flex;flex-direction:column;padding:1rem;flex-wrap:wrap;flex:0}.education .btns{margin-top:2rem;margin-left:1rem;margin-right:1rem;flex-wrap:wrap}}.experience{background:#e5ecfb;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.experience .heading{color:#ec8200}.experience .box-container{display:flex;flex-wrap:wrap;gap:2.5rem;margin:8rem 2rem}.experience .box-container .box{flex:1 1 50rem;border-radius:.5rem;box-shadow:0 .5rem 1rem #0000004d;position:relative;overflow:hidden;height:40rem}.experience .box-container .box img{width:100%;height:100%;object-fit:cover;object-position:center}.experience .box-container .box .content{height:100%;width:100%;position:absolute;top:89%;left:0;background:#ffffffe6;display:flex;flex-direction:column}.experience .box-container .box .content .tag{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:4.5rem;width:100%;padding-left:1rem;background:#ffd900}.experience .box-container .box .content .tag h3{margin-left:.8rem;font-size:1.85rem}.experience .box-container .box:hover .content{top:25%}.experience .desc{margin:2rem;display:flex;flex-direction:column;justify-content:center}.experience .desc p{font-size:1.3rem;font-style:italic;font-weight:600}.experience .desc h1{font-size:2rem;color:#ec8200;margin-bottom:.5rem}.experience .desc h3{font-size:1.4rem;margin-bottom:.5rem}.experience .desc .btns{display:flex;justify-content:space-between;width:100%;margin-top:1.5rem}.experience .desc .btns .btn{line-height:0;padding:1.9rem 2.8rem;border-radius:.5rem;font-size:1.4rem;color:#fff;background:#0c0c0c;margin-right:2rem;margin-left:2rem}.experience .desc .btns .btn:hover{background:#ec8200;box-shadow:0 5px 18px #ffa333}.experience .desc .btns .btn:hover i.fa-eye{transform:translate(-5px)}.experience .desc .btns .btn:hover i.fa-code{transform:translate(5px)}@media (max-width: 768px){.experience{padding:2rem 1rem}.experience .heading{font-size:3.5rem}.experience .box-container{flex-direction:column;margin:6rem 2rem;gap:3rem}.experience .box-container .box{height:auto}.experience .box-container .box img{height:100%;object-fit:fill;object-position:center}.experience .desc{margin:1rem}.experience .desc h1{font-size:1.4rem}.experience .desc h3,.experience .desc p{font-size:1.1rem}.experience .desc .btns{flex-direction:column;gap:1rem;width:80%;margin-top:2rem}.experience .desc .btns .btn{width:50%;text-align:center;margin-right:0;margin-left:0}}.footer{background-color:#00012b;color:#fff;padding:15px 0;font-family:Arial,sans-serif;font-weight:550}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center}.footer-text{font-size:1.2rem}@media (min-width: 768px){.footer-container{flex-direction:row}.footer-text{margin-bottom:0}}