body {
    background-color: #ec3750;
    font-size: xx-large;
    margin: 0;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8492a6;
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background-color: #ec3750; }
::-webkit-scrollbar-thumb { background-color: #8492a6; }
::-webkit-scrollbar:hover { width: 150px; }

@keyframes myAnimation {
  from {color: aquamarine;}
  to {color: aqua;}
}

:any-link {
    vertical-align: bottom;
    display: inline-block;
    position: relative;

    color: aquamarine;
    text-decoration: none;

    overflow: hidden;

    animation: myAnimation 4s ease-in-out infinite;
}

:any-link::after {
    content: '';
    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 0.1em;

    background-color: hotpink;

    transform: translateX(-100%);
    transition: transform 300ms ease;
}

:any-link:hover::after,
:any-link:focus::after {
    transform: translateX(0);
}

:any-link:hover {
    animation-play-state: paused;
    color: rgb(163, 219, 241) !important;
}