/*Estilos Generales*/
/**{text-align: center;}*/

body{
    font-family: 'Courier New', Courier, monospace;
    line-height: 1;
    margin: 15;
    background-color: rgb(181, 181, 234);
    color: rgb(99, 16, 16);

}
.container {
    max-width: 960px;
    margin: o auto;
    padding: 20px;
    display:flex;
}
.container2 {
    max-width: 960px;
    margin: o auto;
    padding: 20px;
    
}
h2{
    text-align: center;
    margin-bottom: 30px;
    font-size: 2rem;
}
.profile-pic{
    object-fit: cover;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 5px solid red;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.texto{
    flex: 1;
    margin-right: 20px; /* espacio entre texto e imagen*/
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(19, 1, 99);
    /*text-align: right;*/

}
.imagen{
    width: 150px; /*tamaño fijo para la imagen*/
    height: auto;
    border-radius: 4px; /*esquinas suaves en la imagen*/
   /* align-self: center;*/
}