/* Wilson Customs Layout Selection */
/* Copyright 2026 */
/* Started 2/26/2026 */
/* Finished TBD */

/* The layout is inspired by the Wii Sports + Resort combo disc's layout and roughly taking from its design. */

/* main frames*/

body {
    font-family: Lato, Arial;
    background-color: #008289;
    background-image: url("/img/bg/wc-select-bg.png");
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/bg/wc-select-bg.png"); */
    background-position: center cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

h1 {
  font-size: 72px;
  color: #404040;
  margin-top: 100px;
}

.buttons {
  margin: auto;
  max-width: 1024px;
  display: flex;
  margin-top: 10px;
}

.buttons {
  justify-content: center;
  display: flex;
  transition: 0.3s;
}

.buttons-mobile {
  justify-content: center;
  margin: auto;
  max-width: 800px;
  transition: 0.3s;
}

.buttons2 {
  display: grid;
  place-items: center;
  transition: 0.3s;
}

#button1 {
  transition: 0.1s;
}

#button1:hover {
  transform: scale(1.1);
  transition: 0.1s;
}

#button1:active {
  transition: 0.1s;
  transform: scale(0.9);
}

#button2 {
  transition: 0.1s;
}

#button2:hover {
  transform: scale(1.1);
  transition: 0.1s;
}

#button2:active {
  transition: 0.1s;
  transform: scale(0.9);
}

.main {
  justify-content: center;
  display: flex;
}

.footer {
  justify-content: center;
  display: flex;
  color: #404040;
  font-size: 24px;
}

.header {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .buttons {
    display: none;
  }
  
  .buttons-mobile {
    display: block;
  }
  
  h1 {
    font-size: 40px;
    text-align: center;
  }
}

@media screen and (min-width: 800px) {
  .buttons {
    display: block;
  }
  
  .buttons-mobile {
    display: none;
  }
  
  #desktop {
    display: block;
  }
  
}