*,
    *:before,
    *:after {
      box-sizing: border-box;
      padding: 0;
      margin: 0;
      letter-spacing: 1.1px;
    }

    body,
    html {
      width: 100%;
      height: 100%;
      background: #1a0006; 
      font-family: "Varela Round", sans-serif;
    }

    .menu {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 720px;
      margin: 0 auto;
      height: 100vh;
      list-style: none;
    }

    .menu li {
      width: 125px;
      height: 50px;
      transition: background-position-x 0.9s linear;
      text-align: center;
    }

    .menu li a {
      font-size: 22px;
      color: #f8d7da;
      text-decoration: none;
      transition: all 0.45s;
    }

    .menu li:hover a {
      color: #ff4d6d; 
      text-shadow: 0 0 8px #ff1e40, 0 0 15px #ff4d6d;
    }

    .menu li:not(:last-child) {
      margin-right: 30px;
    }

    @keyframes line {
      0% {
        background-position-x: 390px;
      }
    }