@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:capitalize;transition:all .2s linear}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{background:#f7f7f7;font-family:Poppins,sans-serif}*::selection{background:#2b3dda;color:#fff}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}header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1.7rem 10%;height:6.5rem;background-color:#fff;box-shadow:0 1px 4px #92a1b04d}section{min-height:100vh;padding:2rem 9%}.heading{font-size:3.5rem;color:#141414;font-weight:800;text-align:center}.heading span{color:#7303a7}header .logo{font-size:1.9rem;font-weight:800;text-decoration:none;color:#0e2431}header .logo i{font-size:2.2rem}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}header .navbar ul li a.active,header .navbar ul li a:hover{color:#011aff;border-bottom:.2rem solid #011aff;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:100%;text-align:left;align-items:flex-start;background-color:#0e0f31}header .navbar ul{flex-flow:column;padding:1rem}header .navbar ul li{text-align:center;width:100%;margin:1rem 0;border-radius:.5rem;width:26rem}header .navbar ul li a{display:block;padding:1rem;text-align:left;color:#fff;font-size:2rem}header .navbar ul li a.active,header .navbar ul li a:hover{padding:1rem;color:#fff;border-radius:.5rem;border-bottom:.5rem solid #011aff}.fa-times{transform:rotate(180deg)}header .navbar.nav-toggle{right:0}}.experience{margin-top:5rem}.experience .quote{text-align:center;font-size:1.5rem;font-weight:600}.experience .timeline{position:relative;max-width:1200px;margin:2rem auto}.experience .timeline:after{content:"";position:absolute;width:6px;background:#020133;top:0;bottom:0;left:50%;margin-left:-3px;z-index:-2}.experience .container{padding:10px 40px;position:relative;background-color:inherit;width:50%}.experience .container:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:#fff;border:4px solid #f68c09;top:15px;border-radius:50%;z-index:100;font-size:1.89rem;text-align:center;font-weight:600;color:#02094b;font-family:"Font Awesome 5 Free"}.experience .left{left:0}.experience .right{left:50%}.experience .left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid #f68c09;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #f68c09}.experience .right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid #f68c09;border-width:10px 10px 10px 0;border-color:transparent #f68c09 transparent transparent}.experience .right:after{left:-16px}.experience .content{background-color:#f68c09;position:relative;border-radius:6px}.experience .content .tag{font-size:1.3rem;padding-top:1.5rem;padding-left:1.5rem}.experience .content .desc{margin-left:1.5rem;padding-bottom:1rem}.experience .content .desc h3{font-size:1.5rem;font-weight:600}.experience .content .desc p{font-size:1.2rem}.morebtn{display:flex;justify-content:center;margin-bottom:2rem}.morebtn .btn{position:relative;line-height:0;padding:1.6rem 3rem;border-radius:.5em;transition:.5s;color:#fff;background:#2506ad;box-shadow:0 5px 10px #3044f799;text-align:center}.morebtn .btn span{font-weight:600;font-size:1.7rem;font-family:Nunito,sans-serif}.morebtn .btn i{margin-right:.5rem;font-size:1.5rem;transition:.3s}.morebtn .btn:hover{background:#1a047e}.morebtn .btn:hover i{transform:translate(-8px)}@media screen and (max-width: 600px){.experience .timeline:after{left:31px}.experience .container{width:100%;padding-left:70px;padding-right:25px}.experience .container:before{left:60px;border:medium solid #f68c09;border-width:10px 10px 10px 0;border-color:transparent #f68c09 transparent transparent}.experience .left:after{left:15px}.experience .right:after{left:15px}.experience .right{left:0%}.experience .container:after{font-size:2.2rem}}.footer{min-height:auto;padding-top:0;background:#00012b}.footer .box-container{display:flex;justify-content:center;flex-wrap:wrap}.footer .box-container .box{flex:1 1 25rem;margin: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 p i{padding-right:1rem;color:#ffae00}.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}.footer .box-container .box .share a{height:4rem;width:4rem;padding:1rem;text-align:center;border-radius:5rem;font-size:1.7rem;margin-right:1rem;transition:.2s;background:#e6e6e6;color:#02094b;border:none}.footer .box-container .box .share a:hover{background:transparent;transform:scale(.98);border:.1rem solid rgb(180,178,178);color:#ffae00}.footer .credit{padding:1rem 0 0;text-align:center;font-size:1.5rem;font-family:Nunito,sans-serif;font-weight:600;color:#fff;border-top:.1rem solid #fff3}.footer .credit a{color:#ffae00}.footer .fa{color:#e90606;margin:0 .3rem;font-size:1.5rem;animation:pound .35s infinite alternate}@-webkit-keyframes pound{to{transform:scale(1.1)}}@keyframes pound{to{transform:scale(1.1)}}@media (max-width:450px){.footer .box-container .box{margin:2rem}.footer .box-container .box p{padding:.7rem}.footer .box-container .box .share a{padding:1.1rem}}@media (max-width:450px){html{font-size:55%}body{padding-right:0}section{padding:2rem}}#scroll-top{position:fixed;top:-140%;right:2rem;padding:1rem 1.5rem;font-size:2rem;background:#ffae00;color:#0d002c;border-radius:5rem;transition:1s linear;z-index:1000}#scroll-top.active{top:calc(100% - 12rem)}.experience{position:relative}.bitmoji-experience{position:absolute;right:20px;bottom:20px;width:160px;z-index:10;transition:transform .3s ease-in-out}.bitmoji-experience:hover{transform:scale(1.05)}
