#root{background:linear-gradient(to bottom,#5d08e5,#271153,#03083f,#000)}html{scroll-behavior:smooth;scroll-padding-top:90px}.message-btn{display:inline-block;background:transparent;color:#fff;font-weight:600;border:2px solid white;position:relative;overflow:hidden;z-index:1;transition:all .3s ease;font-size:1rem;border-radius:6px;height:3.5rem}.message-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transform:skew(30deg);background:linear-gradient(to right,#08eaea,#5d08e5);z-index:-1;transition:transform .5s ease}.message-btn:hover:before{transform:skew(30deg) translate(150%)}.message-btn:hover{background:linear-gradient(135deg,#08eaea,#5d08e5);color:#fff;border-color:#fff}.about-header{border-left:2px solid #fb7527}.skill-btn{border-radius:1rem}.skill-btn:hover{outline:2px solid #fb7527}header{background-color:#000}.navbar-toggler{background:linear-gradient(135deg,#08eaea,#5d08e5);margin-left:1rem}#home{padding-top:2rem}.nav-item .nav-link{color:#fff}a:hover{color:#fb7527}@media (max-width:768px){.hero-title{height:7rem}}@media (max-width:1293px) and (min-width:769px){.hero-title{height:8.3rem}}.nav-item .nav-link.active,.nav-item .nav-link:hover{color:#fb7527;text-decoration:underline}@keyframes rotateInfinite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate-animation{animation:rotateInfinite 5s linear infinite;width:11.6rem}.overlay-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}