html,body{max-width:100vw;overflow-x:hidden}a{text-decoration:rgb(196,196,196) underline}a span{color:#000}footer a{text-decoration:none;transition:color .3s ease}footer a:hover{color:#4e71ff}.typing-text{font-family:monospace;white-space:nowrap;overflow:hidden;display:inline-block}.blinking-cursor{display:inline-block;width:10px;color:#000;animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}*{margin:0;padding:0}.nav-center{margin:auto!important}.hero-img{margin-top:5rem;width:40rem;margin-left:0;height:30rem;display:block}.navbar{flex-wrap:wrap;width:100%;padding-left:1rem;padding-right:1rem}.main-nav{position:fixed;top:0;left:0;right:0;z-index:999;background-color:#f6f5f5;border-radius:0 0 30px 30px;padding:0 40px;width:100%}.nav-logo{color:#3876ff!important;font-weight:bolder}.btn{margin-top:0;padding:10px 20px;background:#3876ff;color:#fff;border:none;border-radius:40px}.hero-btn{margin-top:40px;padding:10px 20px;background:#3876ff;color:#fff;border:none;border-radius:40px}.h6{font-size:1.8rem;width:60px}span,.hero-title span{color:#3876ff}.content-div{height:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.bio{color:#272727}.marque-bg{display:flex;align-items:center;justify-content:center;height:100%;background-color:#3876ff}.marque-bg h2{margin-top:7px;color:#fff}.card{background-color:#f7f5f5!important;border:none;margin:10px;border-radius:25px;height:400px}.card .icon-image{margin:auto}.card .service-content{color:#585858b5}.service-subheading{font-style:italic}.serive-heading span{color:#3876ff}.service-heading{font-weight:600}.about-me-title{text-align:center}.about-me-title span{color:#3876ff}.edu-content,.work-content{background-color:#fff;padding:20px;border-radius:20px}.about-me{background-color:#f7f5f5}.skill-section .my-skill-title{text-align:center}.skill-section .my-skill-title span{color:#3876ff}.container .skill-box{width:100%;margin:25px 0}.skill-box .title{display:block;font-size:14px;font-weight:600;color:#333}.skill-box .skill-bar{height:8px;width:100%;border-radius:6px;margin-top:6px;background:#0000001a}.skill-bar .skill-per{position:relative;display:block;height:100%;width:90%;border-radius:6px;background:#4070f4;animation:progress .4s ease-in-out forwards;opacity:0}.skill-per.html{width:95%;animation-delay:.1s}.skill-per.css{width:85%;animation-delay:.1s}.skill-per.javascript{width:87%;animation-delay:.2s}.skill-per.nodejs{width:90%;animation-delay:.3s}.skill-per.java{width:60%;animation-delay:.3s}.skill-per.sql{width:85%;animation-delay:.3s}.skill-per.android-studio{width:80%;animation-delay:.3s}.skill-per.php{width:87%;animation-delay:.3s}@keyframes progress{0%{width:0;opacity:1}to{opacity:1}}.skill-per .tooltip{position:absolute;right:-14px;top:-28px;font-size:9px;font-weight:500;color:#fff;padding:2px 6px;border-radius:3px;background:#4070f4;z-index:1}.tooltip:before{content:"";position:absolute;left:50%;bottom:-2px;height:10px;width:10px;z-index:-1;background-color:#4070f4;transform:translate(-50%) rotate(45deg)}.project-heading{text-align:center}.project-heading span{color:#3876ff}@media (max-width: 576px){footer .row{flex-direction:column!important;text-align:center!important}footer .col-md-6{width:100%;margin-bottom:1rem;text-align:center!important}footer .text-md-end{text-align:center!important;margin-top:1rem}footer .d-flex{flex-direction:column!important;align-items:center!important;gap:.5rem}footer .nav{justify-content:center!important;flex-direction:row;width:100%}}