/*comentarios*/

..titulo{
    display: flex; /*indico que mi contenido sea flexible*/
    align-items: center;
    justify-content: center; /*opcinal para centar verticalmente en toda la altura de la ventana*/
} ...

*{
    /*font-family: 'Times New Roman', Times, serif;*/
    font-family: 'Alegreya', serif;

}

body{
    background-image: url('https://th.bing.com/th/id/R.0982accf678a0d4ebe7fa5addfe9a1e4?rik=umnsigK%2bTN0z9A&pid=ImgRaw&r=0');
    text-align: center;
    align-items: center;
    color: rgb(255, 255, 255);
    text-align: center;
}

.navbar{
    background-color: rgb(9, 9, 9);
    margin: 4%;
    padding: 1%;
    margin-left: 35%;
    margin-right: 35%;
    border: solid rgb(176, 87, 173);
}

h1{
    background-image: url('https://th.bing.com/th/id/OIP.vQjZs38t4-eSOMFqIm3gYAHaEc?pid=ImgDet&rs=1');
    background-color: rgb(78, 76, 76);
    width: fit-content;
    padding: 5%; /*espacio interno*/
    border:7px solid rgb(255, 255, 255); /*borde o tope*/
    margin: 35px; /*espacio externo*/
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
}

h3{
    color: rgb(253, 248, 248);
}

p{
font-weight: bold; /*negritas*/
text-transform: ; /*mayusculas8*/
text-align: justify; /*texto justificado*/
}

img{ 
    width:500px;
    height:300px;
    border-radius: 20px;
}

ul{
    text-decoration: none;
    text-align: left;
    margin-left: 25%;
    margin-right: 25%;
}

ol{
    text-align: left;
    margin-left: 40%;
    margin-right: 40%;
}

/*Selector de tipo clase*/

.tarjeta{
    background-color: rgb(0, 0, 0);
    border-radius: 10px;
    border:5px solid rgb(76, 43, 107);
    margin: 5%;
    padding: 5%;
}

/*Selector de tipo id*/
#Titulo-Historia{
    color: rgb(250, 249, 250);
}
#Titulo-Formacion{
    color: rgb(255, 255, 255);
}
#Titulo-Discografia{
    color: rgb(255, 255, 255);
}
#Titulo-Miscancionesfavoritas{
    color: rgb(255, 255, 255);
}
#Titulo-Formulario{
    color: rgb(255, 255, 255);
    text-align: center;
}
#Titulo-Pais{
    color: rgb(217, 226, 148);
    text-align: center;
}
#Titulo-Noticias{
    color: rgb(217, 226, 148);
    text-align: center;
}

#Imagen1,
#Imagen2 {
    margin: auto; /*se acomoda conforme a las maecillas del reloj*/
    display: block;
}