* {
  font-family: 'Roboto', sans-serif;
}

/*Body background*/
body {
  background-image: url("../img/background.png");
  background-size: 100%;
  background-attachment: fixed;
}

/*Invisible Class*/
.invisible {
  display: none !important;
}

/*Portada*/
#portada, #repte, #lluita, #desti {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: center;
  padding: 5px;

  color: white;
  font-size: 40px;
}

/*Buttons*/
.button {
  width: 80%;
  border: 1px solid #e5e5e5;
  color: white;
  padding: 40px;
  margin: 25px;
  text-align: center;
  text-decoration: none;
  font-size: 40px;
  cursor: pointer;
}

.button:hover {
  border: 1px solid grey;
}

.euralia{ background-color: #c0c83d;}
.australika{ background-color: #b85858;}
.atlantis{ background-color: #dd99d5;}
.polarasia{ background-color: white; color: black !important;}
.sauria{ background-color: #30e362;}
.hindistan{ background-color: #72d4dc;}
.termina{ background-color: #898989;}
.ocea{ background-color: #685de0;}
.back{ background-color: rgba(0,0,0,0.3);}

/*Cell indicator*/
#cella {
  font-size: 70px !important;
}

/*Artwork Cartes*/
#repte img, #lluita img, #desti img{
  width: 100%;
}

/*Contador de tirades*/
#contador {
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: white;

}

/*Footer*/
footer, #downloads {
  text-align: center;
  color: white;
}