@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap";*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#222;font-size:16px;font-family:Open Sans,sans-serif}.container{padding:1rem 4rem}a{text-decoration:none}.main-heading{position:relative;color:#03cdff;font-size:2rem;font-family:Rowdies,cursive}@media (max-width: 39.9375em){.main-heading{font-size:1.5rem}}.main-heading:before,.main-heading:after{content:"";position:absolute;left:0;height:.2rem;background-color:#03cdff;border-radius:50%}.main-heading:before{bottom:-.25rem;width:3rem}.main-heading:after{bottom:-.75rem;width:6rem}.navbar{display:flex;align-items:center;justify-content:space-between;font-family:Rowdies,sans-serif;position:relative;width:100%;z-index:10;transition:all .6s ease}@media (max-width: 39.9375em){.navbar{width:600px}}.navbar.sticky{position:fixed;top:0;width:100%;background-color:#03cdff;box-shadow:.25rem .25rem .5rem #00000026}.navbar.sticky .nav-icon:hover{color:beige}.navbar.sticky nav>a:hover{color:#0987a7}.navbar .nav-icon{display:none;transition:all .4s ease-in-out}@media (max-width: 63.9375em){.navbar .nav-icon{display:flex;color:#fff}.navbar .nav-icon:hover{color:#03cdff}}.navbar .logo>a{font-size:2.5rem;color:#fff}.navbar nav{display:flex;align-items:center}@media (max-width: 63.9375em){.navbar nav{display:flex;align-items:center;flex-direction:column;position:absolute;top:-100rem;right:50%;transform:translate(50%);background-color:#03cdffe6;padding-top:1rem;width:80%;border-radius:.25rem;box-shadow:.25rem .25rem .5rem #0000001a;transition:all .6s ease}.navbar nav.show{top:5.5rem}}@media (max-width: 39.9375em){.navbar nav{width:70%}}.navbar nav>a{margin-left:2rem;font-size:1.25rem;color:#fff;transition:all .4s ease-in-out}@media (max-width: 63.9375em){.navbar nav>a{margin-bottom:1.5rem}}@media (max-width: 39.9375em){.navbar nav>a{margin-bottom:1rem}}.navbar nav>a:hover{color:#03cdff}.hero{padding:5rem 8rem}@media (max-width: 39.9375em){.hero{padding:2rem}}.hero .my-info{display:flex;align-items:center;justify-content:space-between}@media (max-width: 63.9375em){.hero .my-info{display:flex;flex-direction:column-reverse;justify-content:flex-start}}.hero .my-info .text{margin-bottom:4rem}.hero .my-info .text .position{color:#fff;text-transform:uppercase;font-family:Rowdies,cursive;font-weight:600}@media (max-width: 39.9375em){.hero .my-info .text .position{font-size:.875rem}}@media (max-width: 63.9375em){.hero .my-info .text .position{width:100%;padding:0;margin:0;text-align:left}}.hero .my-info .text .name{font-size:4rem;font-weight:800;font-family:Rowdies,cursive;color:#03cdff}@media (max-width: 63.9375em){.hero .my-info .text .name{font-size:3rem}}.hero .my-info .text .info{line-height:1.8;margin-top:.5rem;color:#fff;max-width:50rem}@media (max-width: 63.9375em){.hero .my-info .text .info{margin-bottom:2rem}}@media (max-width: 39.9375em){.hero .my-info .text .info{font-size:.875rem;max-width:100%;margin-bottom:2rem}}.hero .my-info .img{position:relative;height:28rem;width:23rem;z-index:-1}@media (max-width: 63.9375em){.hero .my-info .img{margin:0 auto 1rem}}.hero .my-info .img:before,.hero .my-info .img:after{content:"";position:absolute;background-color:#03cdff;width:6rem;height:10rem;z-index:-1}.hero .my-info .img:before{top:-.25rem;left:-.25rem;border-top:.2rem solid rgb(3,205,255);border-left:.2rem solid rgb(3,205,255)}.hero .my-info .img:after{bottom:-.25rem;right:-.25rem;border-bottom:.2rem solid rgb(3,205,255);border-right:.2rem solid rgb(3,205,255)}.hero .my-info .img img{height:100%;width:100%;z-index:100}.hero .btn{background-color:#03cdff17;border:2px solid rgba(3,205,255,.09);border-radius:2rem;padding:.75rem 2rem;width:fit-content;margin-top:-4.5rem;transition:all .4s ease-in-out}@media (max-width: 39.9375em){.hero .btn{padding:.5rem 1.5rem}}.hero .btn>a{display:flex;align-items:center;gap:.5rem;color:#03cdff;transition:all .4s ease-in-out;font-family:Rowdies,cursive;font-weight:600}@media (max-width: 39.9375em){.hero .btn>a{font-size:.875rem}}.hero .btn>a:hover{color:#fff}.hero .socials{display:flex;align-items:center;justify-content:center;margin-top:2rem}.hero .socials>a{display:flex;align-items:center;margin-right:1.5rem;color:#fff;font-size:1.5rem;border:2px solid #fff;border-radius:50%;padding:1rem;transition:all .4s ease-in-out}.hero .socials>a:hover{color:#03cdff;border:2px solid rgb(3,205,255)}@keyframes upDown{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.skills{padding:3rem 4rem 4rem}@media (max-width: 63.9375em){.skills{padding:3rem 2rem}}.skills .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:4rem}@media (max-width: 63.9375em){.skills .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));align-items:center;margin:4rem auto 0;gap:2rem}}.skills .container .card-details{background-color:#03cdff17;padding:1rem 2rem;box-shadow:.25rem .25rem .25rem #0003;border-left:.25rem solid rgb(3,205,255);border-radius:.25rem;transition:all .4s ease-in-out}.skills .container .card-details:hover{transform:translateY(-5px) scale(1.05)}.skills .container .card-details h2{color:#03cdff;margin-bottom:.5rem;font-size:1.5rem}.skills .container .card-details .tech-skills p{color:#fff;margin-top:.5rem}.expertise{padding:3rem 4rem 4rem}@media (max-width: 39.9375em){.expertise{width:600px}}.expertise .main-heading:before{width:6rem}.expertise .main-heading:after{width:10rem}.expertise .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(40%,1fr));gap:8rem;margin-top:4rem}.expertise .container .main-timeline>h4{color:#fff;margin-bottom:2rem;font-weight:400;font-size:1.1rem;letter-spacing:.25rem}.expertise .container .main-timeline .content h2,.expertise .container .main-timeline .content h3{color:#fff}.expertise .container .main-timeline .content h2{font-size:1.5rem;margin-bottom:.25rem}.expertise .container .main-timeline .content h3{font-size:1rem;margin-bottom:.25rem}.expertise .container .main-timeline .content span{color:#555;letter-spacing:.15rem;font-size:.75rem}.expertise .container .main-timeline .content p{margin-top:1.5rem;color:#ddd;line-height:1.8}.expertise .container .main-timeline .timeline{position:relative}.expertise .container .main-timeline .timeline .circle{position:absolute;top:.75rem;left:-2rem;width:.6rem;height:.6rem;background-color:#03cdff;border-radius:50%;z-index:100}.expertise .container .main-timeline .timeline .line{position:absolute;top:1.25rem;left:-1.73rem;width:1px;height:17rem;background-color:#666;border-radius:1rem;z-index:-1}.expertise .container .experience .experience-holder .timeline .line{height:22rem}@media (max-width: 87.4375em){.expertise .container .experience .experience-holder .timeline .line{height:32rem}}@media (max-width: 39.9375em){.expertise .container .experience .experience-holder .timeline .line{height:30rem}}.expertise .container .experience .experience-holder.experience-two{margin-top:2rem}.expertise .container .experience .experience-holder.experience-two .timeline .line{height:12rem}@media (max-width: 87.4375em){.expertise .container .experience .experience-holder.experience-two .timeline .line{height:15rem}}@media (max-width: 39.9375em){.expertise .container .experience .experience-holder.experience-two .timeline .line{height:15rem}}.expertise .container .education .timeline .line{height:16rem}@media (max-width: 39.9375em){.expertise .container .education .timeline .line{height:25rem}}.projects{padding:3rem 4rem 4rem}@media (max-width: 63.9375em){.projects{padding:3rem 2rem}}.projects .main-heading:before{width:8rem}.projects .main-heading:after{width:14rem}.projects .title{margin-top:2rem;font-size:3rem;color:#fff}@media (max-width: 63.9375em){.projects .title{font-size:2rem}}@media (max-width: 39.9375em){.projects .title{font-size:1.25rem}}.projects .container{margin-top:3rem}.projects .container .projects-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:2rem}.projects .container .projects-container .project{position:relative;transition:all .4s ease-in-out;box-shadow:.15rem .15rem .25rem #00000080;width:fit-content}.projects .container .projects-container .project .img{width:600px;height:400px}@media (max-width: 63.9375em){.projects .container .projects-container .project .img{width:550px;height:350px;margin:0 auto}}@media (max-width: 39.9375em){.projects .container .projects-container .project .img{width:400px;height:300px;margin:0 auto}}.projects .container .projects-container .project .img img{display:block;width:100%;height:100%}.projects .container .projects-container .project .content{display:flex;align-items:center;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;background:#000000b3;width:600px;height:400px;box-sizing:border-box;display:none}@media (max-width: 63.9375em){.projects .container .projects-container .project .content{width:550px;height:350px}}@media (max-width: 39.9375em){.projects .container .projects-container .project .content{width:400px;height:300px}}.projects .container .projects-container .project .content>span{color:#fff;margin-bottom:.25rem;letter-spacing:.2rem}.projects .container .projects-container .project .content .important{color:red!important;letter-spacing:0;font-size:.875rem;margin-top:2rem;text-align:center}.projects .container .projects-container .project .content .tech-used{text-transform:uppercase;letter-spacing:.15rem}.projects .container .projects-container .project .content h2{color:#03cdff;font-size:1.75rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1rem}.projects .container .projects-container .project .content .icons{display:flex;align-items:center;gap:1rem}.projects .container .projects-container .project .content .icons a{display:flex;align-items:center;font-size:1.5rem;color:#fff;transition:all .4s ease-in-out;border:2px solid #fff;border-radius:50%;padding:.5rem}.projects .container .projects-container .project .content .icons a:hover{color:#03cdff;border:2px solid rgb(3,205,255)}.projects .container .projects-container .project:hover{transform:scale(1.05)}.projects .container .projects-container .project:hover .content{transition:all .4s ease-in-out;display:flex}.games{padding:3rem 4rem 4rem}@media (max-width: 63.9375em){.games{padding:3rem 2rem}}.games .main-heading:before{width:9rem}.games .main-heading:after{width:15rem}.games .title{margin-top:2rem;font-size:2rem;color:#fff}@media (max-width: 39.9375em){.games .title{font-size:1.25rem}}.games .container{margin-top:3rem}.games .container .games-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:2rem}.games .container .games-container .game{position:relative;transition:all .4s ease-in-out}.games .container .games-container .game .img{width:600px;height:400px}@media (max-width: 63.9375em){.games .container .games-container .game .img{width:550px;height:350px;margin:0 auto}}@media (max-width: 39.9375em){.games .container .games-container .game .img{width:400px;height:300px}}.games .container .games-container .game .img img{display:block;width:100%;height:100%}.games .container .games-container .game .content{display:flex;align-items:center;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;background:#000000b3;width:600px;height:400px;box-sizing:border-box;display:none}@media (max-width: 63.9375em){.games .container .games-container .game .content{width:550px;height:350px}}@media (max-width: 39.9375em){.games .container .games-container .game .content{width:400px;height:300px}}.games .container .games-container .game .content>span{color:#fff;margin-bottom:.25rem}.games .container .games-container .game .content h2{color:#03cdff;font-size:2rem;margin-bottom:1rem}.games .container .games-container .game .content .icons{display:flex;align-items:center;gap:1rem}.games .container .games-container .game .content .icons span{color:#fff}.games .container .games-container .game .content .icons a{display:flex;align-items:center;font-size:1.5rem;color:#fff;transition:all .4s ease-in-out;border:2px solid #fff;border-radius:50%;padding:.5rem}.games .container .games-container .game .content .icons a:hover{color:#03cdff;border:2px solid rgb(3,205,255)}.games .container .games-container .game:hover{transform:scale(1.05)}.games .container .games-container .game:hover .content{transition:all .4s ease-in-out;display:flex}.footer{width:100%;background-color:#03cdff17;padding:3rem 2rem 1rem;margin-top:1rem}@media (max-width: 39.9375em){.footer{padding:1rem;width:600px;padding:2rem 0}}.footer .container{display:flex;flex-direction:column}@media (max-width: 63.9375em){.footer .container{display:flex;flex-direction:column;justify-content:flex-end}}.footer .container .reach-me{margin-bottom:2.5rem}.footer .container .reach-me h4{color:#03cdff;margin-bottom:.5rem;letter-spacing:.25rem}.footer .container .reach-me h1{font-size:2rem;color:#fff}@media (max-width: 63.9375em){.footer .container .reach-me h1{font-size:1.5rem}}@media (max-width: 39.9375em){.footer .container .reach-me h1{font-size:1.125rem}}.footer .container .other-links{display:flex;align-items:center;justify-content:space-between}@media (max-width: 63.9375em){.footer .container .other-links{display:flex;flex-direction:column}}@media (max-width: 63.9375em){.footer .container .other-links .email{margin-bottom:2rem}}.footer .container .other-links .email h4{color:#03cdff;font-weight:400;font-size:1rem;letter-spacing:.25rem;margin-bottom:.5rem}.footer .container .other-links .email a{color:#fff;font-size:1.125rem;transition:all .4s ease-in-out}.footer .container .other-links .email a:hover{color:#03cdff}@media (max-width: 63.9375em){.footer .container .other-links .page-links{margin-bottom:2rem}}.footer .container .other-links .page-links h4{color:#03cdff;font-size:1.125rem;font-weight:400;letter-spacing:.25rem;margin-bottom:.5rem}@media (max-width: 63.9375em){.footer .container .other-links .page-links h4{text-align:center}}.footer .container .other-links .page-links .links{display:flex;align-items:center;gap:1rem}.footer .container .other-links .page-links .links a{color:#fff;font-size:1.125rem;transition:all .4s ease-in-out}.footer .container .other-links .page-links .links a:hover{color:#03cdff}@media (max-width: 63.9375em){.footer .container .other-links .socials{margin-bottom:2rem}}.footer .container .other-links .socials h4{color:#03cdff;font-weight:400;font-size:1.125rem;letter-spacing:.25rem;margin-bottom:.5rem}@media (max-width: 63.9375em){.footer .container .other-links .socials h4{text-align:center}}.footer .container .other-links .socials .social-links{display:flex;align-items:center}.footer .container .other-links .socials .social-links a{color:#fff;margin-left:1rem;font-size:1.125rem;transition:all .4s ease-in-out}.footer .container .other-links .socials .social-links a:hover{color:#03cdff}.footer .container .other-links .email-box{background-color:#03cdff;padding:1.25rem 4rem;font-family:Rowdies,sans-serif;font-size:.875rem;cursor:pointer;transition:all .4s ease-in-out}@media (max-width: 63.9375em){.footer .container .other-links .email-box{padding:1rem 2rem;font-size:.75rem}}.footer .container .other-links .email-box a{color:#fff;transition:all .4s ease-in-out;letter-spacing:.25rem}.footer .container .other-links .email-box:hover{background-color:transparent}.footer .container .other-links .email-box:hover a{color:#03cdff}.footer .right{margin-top:3rem;text-align:center;color:#03cdff;font-size:.875rem}@media (max-width: 63.9375em){.footer .right{font-size:.75rem}}