/*Variables*/
:root{
  --loader-bg:#f4f4f2;
  --cancion-bg:rgba(255, 255, 255, 0.8);
  --icono-color:#72787c;
  --icono-bg:#ffffff;
  --bg:#f4f4f2;
  --text: #284139;
  --countdown-bg: #809077;
  --countdown-text:#f8d793;
  --btn-bg:#ddddbf;
  --btn-text:#605f4a;
  --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:#809077;
}

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

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

main .custom-container {
  margin: 0;
  width: 100%;
}

main{
   background-image: linear-gradient(rgba(128, 144, 119, 0.0), rgba(128, 144, 119, 0.7)),
                  url("bg/c06a.webp");
  background-position: center;
  background-size: cover;
   place-items: end center;
   color: #fff4e1;
}

#asistencia, #galeria, #frase{
  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{
  border-top: 5px solid var(--btn-bg);
  border-bottom: 5px solid var(--btn-bg);
}

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

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