@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,#451E30 0%,#58273e 10%,#451E30 35%,#6d304c 90%,#7a3656);
    padding: 10px;
    color: #fff;
  }

  .register-button {
    background-image: linear-gradient(rgb(203, 6, 6), rgb(127, 11, 11));
    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;
  }