<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Coming+Soon&amp;family=Rubik&amp;family=Staatliches&amp;display=swap');
body {background-image:url(../img/themostindividuales.png) ; width: auto; height: 80vh; background-position: center; font-family: 'Rubik', sans-serif}
h1 {background-color: cornsilk; font-family: 'Staatliches', cursive; text-align: center;}
h2 {text-align: center;}
h3 {background-color: rgba(0, 0, 0, 0.849); color: rgb(105, 223, 131);font-family: 'Coming Soon', cursive; text-align: center;}

.contenedor {margin: 0 auto; width: 600px; padding: 10px; background-color: rgba(202, 202, 202, 0.733); border: 4px dotted palegreen;}

.adaptable {width: 70%; height: auto;}
.adaptable2 {width: 100%;height: auto;}
 
.punto {margin-right: auto; margin-left: auto; width: 600px; padding: 10px; color: rgb(105, 223, 131); background-color:rgba(0, 0, 0, 0.849); text-align: center;}

.rosa {background-color: cornsilk; color: rgb(255, 149, 165);}
.celeste {background-color: cornsilk; color: lightskyblue;}
.amarillo {background-color: cornsilk; color: rgb(218, 202, 29);}

@media screen and (max-width:800px) {
    .contenedor { width: 60%;}
    .punto {width: 60%;}
    .spotify {width: 90%;}
}

@media screen and (max-width:600px) { 
    .contenedor {width: 60%;} 
    .punto {width: 60%;}
    .spotify {width: 90%;}
}
</pre></body></html>