/*Variables*/
:root{
  --loader-bg:#dae0e5;
  --cancion-bg:rgba(14, 50, 86, 0.8);
  --icono-color:#fffcf5;
  --icono-bg:#99b1c9;
  --bg:#e3e9ee;
  --text: #2c3f70;
  --countdown-bg: #c0d0e1;
  --countdown-text:#354c60;
  --btn-bg:#ffeaae;
  --btn-text:#0f283a;
  --box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;;
  --timer-fontsize:40px;
  --accordion-bg:#fffcf5;
  --accordion-text:#0f283a;
  --accordion-btn-bg:#ffeaae;
  --accordion-btn-text:#0f283a;
  --scrollbar-color:#ffeaae;
  --footer-bg:#20486c;
}

@font-face {
  font-family: 'DM Serif Text';
  src: url('../font/DMSerifText.ttf') format('truetype');
}

body{
  font-family: 'DM Serif Text';
  font-size: 20px;
}

main, #asistencia, #galeria{
  background-image: url('bg/c01a.webp');
  background-position: center;
  background-size: cover;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.main h1{
  font-size: 75px;
}
.main img{
  width:120px;
  margin: auto;
}

.boton{
   border-radius: 20px;
   box-shadow: rgba(59, 94, 130, 0.4) 0px 5px 15px;
   font-weight: 800;
}

#frase{
  background: white;
  box-shadow: rgba(50, 50, 93, 0.1) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.1) 0px 18px 36px -18px inset;
}

/*Animacion*/
@keyframes rebote {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

.rebote {
  animation: rebote 2s infinite ease-in-out;
}