:root{background-color:#0a0d10}nav.navbar{background-color:#181b1e!important;height:75px;position:fixed;top:0;width:100%;z-index:1000}nav.navbar a{color:#fff;font-size:1.5rem;margin:0 20px}.navbar-nav{background-color:#181b1e}.navbar button{background-color:#2185d5!important}.navbar-nav a:hover{color:#2185d5!important}nav.navbar .nav-img{border-radius:10px;box-shadow:5px 5px #000}.navbar-nav .active{color:#fff!important}.navbar .btn-resume{font-size:1.5rem;color:#000;background-color:#2185d5;border:none}.navbar .btn-resume:hover{background-color:#003967!important}.navbar .btn-resume:active{background-color:#005091!important}.pixel-effect{background:#0a0d10}@keyframes animate{0%{background-position:0 0}to{background-position:0 -480px}}#banner .banner-info{margin-top:75px;padding:15%;display:flex;justify-content:center;align-items:center;flex-direction:column}#banner .banner-info h1{color:#2185d5;font-size:6em}#banner .banner-info h2{color:#fff;font-size:4em}#banner .banner-info p{color:#003967;font-size:3em;font-weight:500}#banner .banner-info .floating-btn{padding:20px 40px;background-color:#008cff;color:#000;border:none;width:"300px";height:"80px";font-size:1.5em;box-shadow:15px 15px #003967;border-radius:20px}#banner .banner-info .floating-btn:hover{background-color:#005091}#banner .banner-info .floating-btn:active{background-color:#005091;box-shadow:15px 15px #000}#aboutMe{background:#0a0d10;padding-top:100px}#aboutMe h1,#contact h1,#experience h1,#projects h1,#skills h1{color:#fff;display:flex;font-size:3rem;align-items:center}#aboutMe h1:after,#contact h1:after,#experience h1:after,#projects h1:after,#skills h1:after{content:"";border-top:3px solid #2185d5;margin:8px 20px 0 0;flex:1 0 20px}#aboutMe li{color:#fff;margin:1.5vh auto;font-size:1.5rem}#aboutMe ul{margin:8% auto}#aboutMe .about-logo{padding:0;display:flex;justify-content:center;border-radius:20px;width:300px;height:300px;margin:auto}#aboutMe .about-logo img{width:100%;height:100%;border-radius:20px;box-shadow:30px 30px #000}#experience{padding-top:100px;background-color:#0a0d10}#experience h2{color:#fff;font-size:2.5rem;margin:6vh auto}#experience h3{color:#2185d5;font-size:2rem;margin:2vh auto}#experience h4{color:#2185d5;font-size:1.5rem;margin:1vh auto;font-weight:150}#experience p{color:#fff;margin:1.5vh auto;font-size:1.5rem}#experience hr{width:3px;background-color:#fff;opacity:1;margin:auto}#experience .hr340{height:340px!important}#experience .hr375{height:375px!important}#experience .hr500{height:500px!important}#experience .exp-img{display:flex;justify-content:center;align-items:center;margin:10vh auto}#experience .exp-img img{margin:0 auto}#skills{background-color:#0a0d10;padding-top:100px}#skills .card{background-color:#181b1e;color:#fff;height:450px;width:300px;margin:8vh auto;border-radius:20px;box-shadow:30px 30px #000;display:flex;justify-content:center;align-items:center;flex-direction:column}#skills .card img{padding:20px;width:300px;height:300px}#skills .card p{font-size:2rem;margin:1vh auto;color:#2185d5;font-weight:500}#projects{background:#0a0d10;padding-top:100px}#projects .project .project-img{width:300px;height:250px;border-radius:20px;box-shadow:30px 30px #000;margin:30px auto}#projects .project{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;border-radius:20px;overflow:hidden;margin-bottom:24px}#projects .project:before{content:"";background-color:#2185d5;opacity:.9;position:absolute;width:20vw;min-width:300px;height:0;transition:.4s ease-in-out;border-radius:20px}#projects .project:hover:before{height:100%}.project-txt{position:absolute;text-align:center;top:65%;left:50%;transform:translate(-50%,-50%);transition:.5s ease-in-out;opacity:0;width:100%;color:#000;padding:25%}.project:hover .project-txt{top:50%;opacity:1}.project-txt a{color:#000;font-size:30px;font-weight:700;letter-spacing:.8px;line-height:1.1em}.project-txt span{font-style:italic;font-weight:400;font-size:15px;letter-spacing:.8px}#contact{min-height:750px;background-color:#0a0d10;padding-top:100px;padding-bottom:200px}#contact .social-apps{margin-top:10vh}#contact .knowMore{color:#fff;text-align:center;font-size:2rem}#contact .social{color:#2185d5;font-size:1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:500}#contact .social img{height:200px;width:200px}#contact a{color:#2185d5}#contact a:hover{color:#003967}footer{background:#181b1e;color:#2185d5;padding:25px 0}footer a,footer p{font-size:1.5em;margin:0;text-align:center}footer .github{display:flex;justify-content:center;align-items:center}footer .github a{color:#2185d5;margin:0 20px}footer .github a:hover{color:#003967}@media (max-width:1100px){.hide{display:none}}.progress-container{position:fixed;top:90px;left:20px;width:20px;height:75%;border-radius:20px;background-color:#181b1e;box-shadow:5px 5px 20px #000}.progress-fill{width:100%;height:0;background-color:#2185d5;border-radius:20px;transition:height .2s ease}