@keyframes slide-in {
    0% {
        top: -100%;
    }
    100% {
        top: 50%;
    }
}

.link-container {
    display: flex;
    justify-content: center;
    font-size: var(--x-large-font);
    padding: 0;
    width: 100%;
}

.link-container a {
    width: 50%;
    text-align: center;
    padding: 15px 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: bolder;
    text-decoration: none;
}

.register-button {
    background-image: linear-gradient(rgb(255, 174, 0), rgb(255, 174, 0));
    background-color: initial;
}

.login-button {
    background-image: linear-gradient(rgb(255, 215, 0), rgb(255, 210, 0));
    background-color: initial;
}

.word h1,
h2,
h3 {
    margin-top: 3%;
    margin-bottom: 2%;
    text-align: center;
    color: #ffc400;
}

.word p,
ul {
    color: #dddddd;
}

.word table,
th,
td {
    padding: 5px;
    color: #dddddd;
}