body{
    background-image: url(images/9999520.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 120vh;
    margin: 0;
}
h1{
    color: #ffd277;
    font-size: 7vh;
}
#Single {
    width: 28vh;
    height: 6vh;
    border: none;
    border-radius: 10px;
    background: linear-gradient(to right,#77530a,#ffd277,#77530a,#77530a,#ffd277,#77530a);
    background-size: 250%;
    background-position: left;
    color: #ffd277;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-duration: 1s;
    overflow: hidden;
    font-size: 3vh;
  }
  
  #Single::before {
    position: absolute;
    content: "Singleplayer";
    color: #ffd277;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 97%;
    height: 90%;
    border-radius: 8px;
    transition-duration: 1s;
    background-color: rgba(0, 0, 0, 0.842);
    background-size: 200%;
  }
  
  #Single:hover {
    background-position: right;
    transition-duration: 1s;
  }
  
  #Single:hover::before {
    background-position: right;
    transition-duration: 1s;
  }
  
  #Single:active {
    transform: scale(0.95);
  }

  #Multi {
    width: 28vh;
    height: 6vh;
    border: none;
    border-radius: 10px;
    background: linear-gradient(to right,#77530a,#ffd277,#77530a,#77530a,#ffd277,#77530a);
    background-size: 250%;
    background-position: left;
    color: #ffd277;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-duration: 1s;
    overflow: hidden;
    font-size: 3vh;
  }
  
  #Multi::before {
    position: absolute;
    content: "Multiplayer";
    color: #ffd277;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 97%;
    height: 90%;
    border-radius: 8px;
    transition-duration: 1s;
    background-color: rgba(0, 0, 0, 0.842);
    background-size: 200%;
  }
  
  #Multi:hover {
    background-position: right;
    transition-duration: 1s;
  }
  
  #Multi:hover::before {
    background-position: right;
    transition-duration: 1s;
  }
  
  #Multi:active {
    transform: scale(0.95);
  }

  #Scores {
    width: 28vh;
    height: 6vh;
    border: none;
    border-radius: 10px;
    background: linear-gradient(to right,#77530a,#ffd277,#77530a,#77530a,#ffd277,#77530a);
    background-size: 250%;
    background-position: left;
    color: #ffd277;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-duration: 1s;
    overflow: hidden;
    font-size: 3vh;
  }
  
  #Scores::before {
    position: absolute;
    content: "Scores";
    color: #ffd277;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 97%;
    height: 90%;
    border-radius: 8px;
    transition-duration: 1s;
    background-color: rgba(0, 0, 0, 0.842);
    background-size: 200%;
  }
  
  #Scores:hover {
    background-position: right;
    transition-duration: 1s;
  }
  
  #Scores:hover::before {
    background-position: right;
    transition-duration: 1s;
  }
  
  #Scores:active {
    transform: scale(0.95);
  }

  #Back {
    width: 28vh;
    height: 6vh;
    border: none;
    border-radius: 10px;
    background: linear-gradient(to right,#77530a,#ffd277,#77530a,#77530a,#ffd277,#77530a);
    background-size: 250%;
    background-position: left;
    color: #ffd277;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-duration: 1s;
    overflow: hidden;
    font-size: 3vh;
  }
  
  #Back::before {
    position: absolute;
    content: "Back to 8engineers";
    color: #ffd277;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 97%;
    height: 90%;
    border-radius: 8px;
    transition-duration: 1s;
    background-color: rgba(0, 0, 0, 0.842);
    background-size: 200%;
  }
  
  #Back:hover {
    background-position: right;
    transition-duration: 1s;
  }
  
  #Back:hover::before {
    background-position: right;
    transition-duration: 1s;
  }
  
  #Back:active {
    transform: scale(0.95);
  }

  .Menu{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 2vh;
    margin-top: 20vh;
  }

  .MultiWrapper{
    height: 6vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  #Multi{
    position: absolute;
  }