@font-face {
  font-family: "Oswald";
  src: url(/fuentes/Oswald/Oswald-VariableFont_wght.ttf);
}
@font-face {
  font-family: "Caveat";
  src: url(/fuentes/Caveat/Caveat-VariableFont_wght.ttf);
}

:root {
  --color-primario: #4e7745;
  --color-secundario: #fdf9ef;
  --color-terciario: #a0bf93;
  --color-cuarto: #c9511d;
  --tamaño-letra-mediano: 3.5em;
  --tamaño-letra-chico: 3em;
  --tamaño-extra-chico: 2em;
  --tamaño-movile: 1.5em;
  --tamaño-letra-grande: 4em;
  --feunte-titulo: "Caveat", cursive;
  --fuente-texto: "Oswald", sans-serif;
  --letra-fina: 300px;
  --letra-mediana: 500px;
  --letra-gruesa: 600px;
}
* {
  box-sizing: border-box;
  max-width: 100vw;
  margin: 0px;
  padding: 0px;
}

html {
  font-size: 10px;
  color: var(--color-primario);
}
body {
  font-family: var(--fuente-texto);
  background-image: url(/imagenes/fondo-index-vertical.webp);
  padding: 2rem;
 
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  text-align: center;
  

}


.question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 10px;
  font-size: 1.5em;
  font-weight: var(--letra-mediana);
}
label {

 
  
  
}
.question button{
  border: none;
  border-radius: 25px;
  background: transparent;
 
}
.question button a:hover {
  background-color: var(--color-terciario);
  border-radius: 25px;
  padding: 10px;
  transition: 0.3s;
  
}
.question button a {
  text-decoration: none;
  color: var(--color-cuarto);
  font-weight: var(--letra-gruesa);
  font-family: var(--fuente-texto);
  font-size: 1.4em;
 background: transparent;
}
.pago{
  border: var(--color-primario) 2px solid;
  border-radius: 10px;
  background-color: var(--color-secundario);
  padding: 10px;
  color: var(--color-primario);
  font-family: var(--fuente-texto);
  font-size: 2em;
  font-weight: var(--letra-gruesa);

}
.pago:hover {
  background-color: var(--color-terciario);

  transition: 0.3s;
  
}