@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Orbitron:wght@400..900&family=Shizuru&display=swap');

.aba:hover {
  border-bottom: solid #0daaa5;
  color: #0daaa5;
  text-shadow: 0 0 5px #0daaa5;
  transition: all 0.3s ease-in-out;
}
.btn-search-code {
  transition: transform 0.2s, box-shadow 0.2s;
}
.btn-search-code:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px #00ffe7aa;
}


.bi-arrow-down {
  display: flex;
  justify-content: center;
  font-size: 2rem;
 position: relative;
  bottom: 6em;
  left: 9.4em;
  min-height: 10px;
}

.bi-arrow-down::before{
  position: relative;
  border-radius: 50%;
  animation: scrolldown-anim 1s linear infinite;
  
}

@keyframes scrolldown-anim {
    0% {
        opacity: 0;
        height: 6px;
        overflow-x: hidden;
    }
    40% {
        opacity: 1;
        height: 1px;        overflow-x: hidden;

    }

    80% {
        transform: translate(0, 20px);
        height: 10px;
        opacity: 0;        overflow-x: hidden;

    }
    100% {
            height: 3px;        overflow-x: hidden;

    opacity: 0;
}}

.aos-wrapper{
          overflow-x: hidden;
position: relative;
}
[data-aos] {
  will-change: transform, opacity;
  contain: layout style;
  backface-visibility: hidden;
}