@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}section{padding:100px 0}.max-width{max-width:1300px;padding:0 80px;margin:auto}.about,.contact,.interests,.projects,.skills,footer{font-family:"Poppins",sans-serif}.about .about-content,.contact .contact-content,.interests .serv-content,.skills .skills-content{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}section .title{position:relative;text-align:center;font-size:40px;font-weight:500;margin-bottom:60px;padding-bottom:20px;font-family:"Ubuntu",sans-serif}section .title:before{content:"";bottom:0;width:180px;height:3px;background:#111}section .title:after,section .title:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}section .title:after{bottom:-8px;font-size:20px;color:#b500fc;padding:0 5px;background:#fff}.navbar{position:fixed;width:100%;z-index:999;padding:30px 0;font-family:"Ubuntu",sans-serif;transition:all .3s ease}.navbar.sticky{padding:15px 0;background:#292141}.navbar .max-width{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.navbar .logo a{color:#fff;font-size:35px;font-weight:600}.navbar .logo a span{color:#1068ec;transition:all .3s ease}.navbar.sticky .logo a span{color:#fff}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{display:block;color:#fff;font-size:18px;font-weight:500;margin-left:25px;transition:color .3s ease}.navbar .menu li a:hover{color:#1068ec}.navbar.sticky .menu li a:hover{color:#fff}.menu-btn{font-size:23px;display:none}.menu-btn,.scroll-up-btn{color:#fff;cursor:pointer}.scroll-up-btn{position:fixed;height:45px;width:42px;background:#1068ec;right:30px;bottom:10px;text-align:center;line-height:45px;z-index:9999;font-size:30px;border-radius:6px;border-bottom-width:2px;opacity:0;pointer-events:none;transition:all .3s ease}.scroll-up-btn.show{bottom:30px;opacity:1;pointer-events:auto}.scroll-up-btn:hover{-webkit-filter:brightness(70%);filter:brightness(70%)}.home{display:-webkit-flex;display:flex;background:url(/MyPortfolio_React/static/media/giphy.9259715f.gif) no-repeat 50%;height:100vh;color:#fff;min-height:500px;background-size:cover;background-attachment:fixed;font-family:"Ubuntu",sans-serif}.home .max-width{margin:auto 0 auto 30px}.home .home-content .text-1{font-size:27px}.home .home-content .text-2{font-size:75px;font-weight:600;margin-left:-3px}.home .home-content .text-3{font-size:40px;margin:5px 0}.home .home-content .text-3 span{color:#5d76e4;font-weight:500}.home .home-content a{display:inline-block;background:#b500fc;color:#fff;font-size:25px;padding:12px 36px;margin-top:20px;font-weight:400;border-radius:6px;border:2px solid #b500fc;transition:all .3s ease}.home .home-content a:hover{color:#b500fc;background:none}.about{display:-webkit-flex;display:flex;background:url(/MyPortfolio_React/static/media/profile-1.4d399eec.jpeg) no-repeat 50%;height:100vh;color:#f8f4f4;min-height:500px;background:#21304e;background-attachment:fixed;font-family:"Ubuntu",sans-serif}.about .title:after{content:"Know me better";color:#1068ec;background:#21304e}.about .about-para{color:(#223)}.about .title{color:raven}.about .text{color:#f1f0f0}.about .about-content .left{width:45%}.about .about-content .left img{height:400px;width:400px;object-fit:cover;border-radius:6px}.about .about-content .right{width:55%}.about .about-content .right .text{font-size:25px;font-weight:600;margin-bottom:10px}.about .about-content .right .text span{color:#2a4be0}.about .about-content .right p{text-align:justify}.about .about-content .right a{display:inline-block;background:orange;color:#3f2b2b;font-size:20px;font-weight:500;padding:10px 30px;margin-top:20px;border-radius:6px;border:2px solid orange;transition:all .3s ease}.about .about-content .right a:hover{color:#f4eef7;background:none}.interests,.projects{color:#fff;background:#0a0a0a}.interests .title:before,.projects .title:before{background:#fff}.interests .title:after,.projects .title:after{background:#111;content:"Things I Love";color:#1068ec}.interests .serv-content .card{width:calc(33% - 20px);background:#222;text-align:center;border-radius:6px;padding:20px 25px;cursor:pointer;transition:all .3s ease}.interests .serv-content .card:hover{background:#1068ec}.interests .serv-content .card .box{transition:all .3s ease}.interests .serv-content .card:hover .box{-webkit-transform:scale(1.05);transform:scale(1.05)}.interests .serv-content .card i{font-size:50px;color:#1068ec;transition:color .3s ease}.interests .serv-content .card:hover i{color:#fff}.interests .serv-content .card .text{font-size:25px;font-weight:500;margin:10px 0 7px}.skills{background:#21304e}.skills .skilltext,.skills .title{color:#fff}.skills .title:after{content:"My Learnings";background-color:#21304e;color:#1068ec}.skills .skills-content .column{width:calc(50% - 30px)}.skills .skills-content .left .text{font-size:20px;font-weight:600;margin-bottom:10px}.skills .skills-content .left p{text-align:justify}.skills .skills-content .left a{display:inline-block;background:orange;color:#0e0d0d;font-size:18px;font-weight:500;padding:8px 16px;margin-top:20px;border-radius:6px;border:2px solid orange;transition:all .3s ease}.skills .skills-content .left a:hover{color:#f4eef7;background:none}.skills .skills-content .right .bars{margin-bottom:15px}.skills .skills-content .right .info{display:-webkit-flex;display:flex;margin-bottom:5px;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.skills .skills-content .right span{font-weight:500;font-size:18px}.skills .skills-content .right .line{height:5px;width:100%;background:#d3d3d3;position:relative}.skills .skills-content .right .line:before{content:"";position:absolute;height:100%;left:0;top:0;background:#1068ec}.skills .bars{color:#fff}.skills-content .right .html:before{width:80%}.skills-content .right .css:before{width:60%}.skills-content .right .js:before{width:70%}.skills-content .right .nodejs:before{width:65%}.skills-content .right .mysql:before{width:50%}.projects .title:after{content:"Education"}.projects .carousel .card{width:49%;display:inline-table;height:380px;background:#222;text-align:center;border-radius:6px;padding:20px 35px;cursor:pointer;transition:all .3s ease}.projects .carousel .card:hover{background:#1068ec}.projects .carousel .card .box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:all .3s ease}.projects .carousel .card:hover .box{-webkit-transform:scale(1.05);transform:scale(1.05)}.projects .carousel .card .text{font-size:25px;font-weight:500;margin:10px 0 7px}.projects .carousel .card img{height:150px;width:150px;object-fit:cover;border-radius:50%;border:5px solid #1068ec;transition:all .3s ease}.projects .carousel .card:hover img{border-color:#fff}.quote{color:#f1e3e8}.contact{color:#fff;background:#21304e}.contact .title:after{content:"Get in Touch";color:#1068ec;background:#21304e}.contact .contact-content .column{width:calc(50% - 30px)}.contact .contact-content .text{font-size:20px;font-weight:600;margin-bottom:10px}.contact .contact-content .left p{text-align:justify}.contact .contact-content .left .icons{margin:10px 0}.contact .contact-content .row{display:-webkit-flex;display:flex;height:65px;-webkit-align-items:center;align-items:center}.contact .contact-content .row .info{margin-left:30px}.contact .contact-content .row i{font-size:25px;color:#1068ec}.contact .contact-content .info .head{font-weight:500}.contact .contact-content .info .sub-title{color:#e9c8f0}.contact .right form .fields{display:-webkit-flex;display:flex}.contact .right form .field,.contact .right form .fields .field{height:45px;width:100%;margin-bottom:15px}.contact .right form .textarea{height:80px;width:100%}.contact .right form .name{margin-right:10px}.contact .right form .email{margin-left:10px}.contact .right form .field input,.contact .right form .textarea textarea{height:100%;width:100%;border:1px solid #d3d3d3;border-radius:6px;outline:none;padding:0 15px;font-size:17px;font-family:"Poppins",sans-serif;transition:all .3s ease}.contact .right form .field input:focus,.contact .right form .textarea textarea:focus{border-color:#b3b3b3}.contact .right form .textarea textarea{padding-top:10px;resize:none}.contact .right form .button{height:47px;width:170px}.contact .right form .button button{width:100%;height:100%;border:2px solid orange;background:orange;color:#0e0d0d;outline:none;font-size:20px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease}.contact .right form .button button:hover{color:#fff;background:none}footer{background:#111;padding:15px 23px;color:#fff;text-align:center}footer span a{color:#1068ec}footer span a,footer span a:hover{text-decoration:none}footer span .social a{display:inline-block;width:46px;height:46px;text-align:center;padding-top:.3cm;background:#1068ec;color:#fff;text-decoration:none;border-radius:50%;transition:.5s}footer span .social a .fa{line-height:46px}footer span .social a:first-child:hover{color:#26a4f2;box-shadow:0 0 15px #1da1f2;text-shadow:0 0 15px #1da1f2}footer span .social a:nth-child(2):hover{color:#e23670;box-shadow:0 0 15px #e1306c;text-shadow:0 0 15px #e1306c}footer span .social a:nth-child(3):hover{color:#2a6cbb;box-shadow:0 0 15px #2867b2;text-shadow:0 0 15px #2867b2}footer span .social a:nth-child(4):hover{color:#fff;box-shadow:0 0 15px #fff;text-shadow:0 0 15px #fff}@media (max-width:1300px){.home .max-width{margin-left:0}}@media (max-width:1104px){.about .about-content .left img{height:350px;width:350px}}@media (max-width:991px){.max-width{padding:0 50px}}@media (max-width:947px){.menu-btn{display:block;z-index:999}.menu-btn i.active:before{content:"\f00d"}.navbar .menu{position:fixed;height:100vh;width:100%;left:-100%;top:0;background:#111;text-align:center;padding-top:80px;transition:all .3s ease}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;margin:20px 0;font-size:25px}.home .home-content .text-2{font-size:70px}.home .home-content .text-3{font-size:35px}.home .home-content a{font-size:23px;padding:10px 30px}.max-width{max-width:930px}.about .about-content .column{width:100%}.about .about-content .left{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:0 auto 60px}.about .about-content .right{-webkit-flex:100% 1;flex:100% 1}.interests .serv-content .card{width:calc(50% - 10px);margin-bottom:20px}.contact .contact-content .column,.skills .skills-content .column{width:100%;margin-bottom:35px}.projects .carousel .card{width:calc(50% - 10px);margin-bottom:20px}}@media (max-width:690px){.max-width{padding:0 23px}.home .home-content .text-2{font-size:60px}.home .home-content .text-3{font-size:32px}.home .home-content a{font-size:20px}.interests .serv-content .card,.projects .carousel .card{width:100%}}@media (max-width:500px){.home .home-content .text-2{font-size:50px}.home .home-content .text-3{font-size:27px}.about .about-content .right .text,.skills .skills-content .left .text{font-size:19px}.contact .right form .fields{-webkit-flex-direction:column;flex-direction:column}.contact .right form .email,.contact .right form .name{margin:0}.scroll-up-btn{right:15px;bottom:15px;height:38px;width:35px;font-size:23px;line-height:38px}}.ml2{font-weight:900;font-size:1.5em}.ml2 .letter{display:inline-block;line-height:1em}.ml4{color:#f0f8ff;position:relative;font-weight:900;font-size:1.5em}.ml4 .letters{position:absolute;margin:auto;left:0;top:.3em;right:0;opacity:0}.ml3{color:#2a4be0;font-weight:900;font-size:1.5em}.ml3 .letter{display:inline-block;line-height:1em}
/*# sourceMappingURL=main.c9bb399d.chunk.css.map */