/*Variables*/

:root{
  --loader-bg:#895271;
  --cancion-bg:rgba(60, 74, 106, 0.8);
  --icono-color:#efefef;
  --icono-bg:#677c9b;
  --bg:#e8cfdc;
  --text: #efefef;
  --countdown-bg: #b57c98;
  --countdown-text:#efefef;
  --btn-bg:#677c9b;
  --btn-text:#fff5f6;
  --box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;
  --timer-fontsize:50px;
  --accordion-bg:#fff5f6;
  --accordion-text:#3c4a6a;
  --accordion-btn-bg:#677c9b;
  --accordion-btn-text:#fff5f6;
  --scrollbar-color:#6b3957;
  --footer-bg:#895271;
}

@font-face {
  font-family: 'against-Regular';
  src: url('../../fonts/against-Regular.otf') format('opentype');
}

body{
  font-family: 'against-Regular';
  font-size: 15px;
}

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

main {
  background-image: linear-gradient(to bottom, rgba(137, 82, 113, 0), rgba(137, 82, 113, 0.4)),
    url('bg/c12a.webp');
  background-position: center;
  background-size: cover;
  font-size: 25px;
  place-items: end center;
}

.portada h1{
  font-size: 100px;
}

.boton{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 15px;
}

#date, #info{
  background-image: url('bg/c12b.webp');
}

#frase, #galeria, #asistencia{
  color:var(--scrollbar-color) ;
  background-image: url('bg/c12c.webp');
}

#frase, #galeria, #asistencia{
  min-height: 75dvh;
}

#date, #info{
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}