/*Variables*/
:root{
  --loader-bg:#f3f5f7;
  --cancion-bg:rgba(255, 255, 255, 0.8);
  --icono-color:#efe7ab;
  --icono-bg:#ffffff;
  --bg:#fcfaeb;
  --text: #4a4745;
  --countdown-bg: #ffffff;
  --countdown-text:#2a401b;
  --btn-bg:#efe7ab;
  --btn-text:#4a4745;
  --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:#e8e5d1;
}

@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(236, 213, 198, 0.05), rgba(236, 213, 198, 0.5)),
                  url("bg/c05a.webp");
  background-position: center;
  background-size: cover;
   place-items: end center;
}


#asistencia, #galeria, #frase{
  background: var(--footer-bg);
  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;
}