:root {
    --loadingbg:  #fab922;
}
::-webkit-scrollbar {
    width:0px;
}
body {
    background-color:var(--loadingbg);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    height: 100vh;
    font-family:roboto, sans-serif;
    font-size:10px;
}

a img {
    height: 200px;
    transition:0.2s
}

a img:hover {
    animation: yippee 0.5s ease-in-out infinite;
    scale:1.2;
}

@keyframes yippee {

    0%,
    100% {
        transform: translateY(0) scale(1, 1);
    }

    35% {
        transform: translateY(-8px) scale(0.97, 1.08);
        margin-top: -20px
    }

    60% {
        transform: translateY(-4px) scale(1.02, 0.98);
        margin-top: 10px
    }

    80% {
        transform: translateY(8px) scale(1.08, 0.92);
    }
}
.tooltip {
  width: 140px;
  background-color: #27232A;
  outline:4px solid #27232A;
  border-left:2px solid #FF7F27;
  color: #FFC90E;
  padding: 5px;
  position: absolute;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.5));
  font-size:15px
}

footer {
    position:fixed;
    bottom:0px;
    right:0px;
    width:100%;
    text-align: right;
    padding-right:4px;
    background-color: #27232A;
    color:#FFC90E;
}
footer img {
    width:10px;
}