@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;
  }

  .main-feature {
    background: linear-gradient(45deg,#5d3702 0%,#684402 10%,#88590b 35%,#754708 90%,#54350b);
    padding: 10px;
    color: #fff;
  }

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

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

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

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

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