@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@300;400&family=Alegreya:wght@700&display=swap');



*{padding: 0; margin: 0;box-sizing:border-box;}



body {background: #ffffff;text-align:center}
header{color:#003f5b; background:#ffffff; padding:1rem; display: flex;font-family: 'Alegreya Sans', sans-serif; font-weight: 700;}

article h1 {color: #fdde5a; padding: 0.5rem;font-family: 'Alegreya Sans', sans-serif; font-weight: 700; text-shadow: 2px 2px 5px black; font-size: 2rem;}

body img {padding: 1rem; }

ul, ol {
				list-style:none;
			}
			
			.nav > li {
				float:center;
			}
			
			.nav li a {
				background-color:#26777e;
				color:#fff;
				text-decoration:none;
				padding:10px 12px;
				display:block;
			}
			
			.nav li a:hover {
				background-color:#0f4760;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
			}
			
			.nav li ul li ul {
				right:-140px;
				top:0px;
			}

.nav {display: flex; justify-content: center}


body p {padding: 1rem; color:#003f5b }


footer {background:#e8e8e8; color:#0f4760; padding: 1rem; font-family: 'Alegreya Sans', sans-serif; font-weight: 400;}
footer p {font-size: 0.8rem; color: #26777e}

.perfil {text-align:center;text-align:center; background-image:url(../fondo.jpg); background-size: cover}
.columna-1 {background:#ffffff; width: 100%;font-family: 'Alegreya Sans', sans-serif; font-weight: 400}
.columna-2 {background:#ffffff; width: 100%;font-family: 'Alegreya Sans', sans-serif; font-weight: 400}
.foto { border-radius: 100%;}





@media screen and (min-width: 48rem)
{ 

 section {display:flex; justify-content:center; align-items: center};
    
 .perfil {display:flex; justify-content:center; align-items: center};

.columna-1 {background:#ffffff; width:15% ;font-family: 'Alegreya Sans', sans-serif; font-weight: 400;align-items: center};
    
.columna-2 {background:#ffffff; width:15% ;font-family: 'Alegreya Sans', sans-serif; font-weight: 400;align-items: center};
}