@font-face {
    font-family: Vaughan;
    src: url(../fonts/vaughan/Vaughan-FREE.otf);
}
@font-face {
    font-family: Caviar-Dreams;
    src: url(../fonts/caviar_dreams/CaviarDreams.ttf);
}
@font-face {
    font-family: Blue-Ocean;
    src: url(../fonts/blue_ocean_3/BLUE\ OCEAN.ttf);
}
:root{
    color-scheme:light dark;
    
}

body{
    height: 100vh;
    margin: 0;
    font-family: Caviar-Dreams;
    position: relative;
}
section{
    margin:0;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
}
main{
    background-image:
        radial-gradient(rgba(170, 8, 211, 1), rgba(16, 16, 26, 0.96)),  /* Con opacidad */
        url(../images/noise.svg);  /* Imagen de fondo */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    min-height: 100vh;
}
header{
    padding: 0;
    margin: 0;
    height: 0;
}
.pswp__dynamic-caption--aside {
  max-width: 300px;
  padding: 20px 15px 20px 20px;
  text-align: left;
  margin-top: 70px;
}
.pswp__dynamic-caption--below {
  max-width: 700px;
  padding: 15px 0 0;
  
}
.pswp__dynamic-caption--mobile {
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  position:absolute;
  top: -200px;
}