@import url('https://fonts.googleapis.com/css?family=Oswald');

*{box-sizing: border-box;}

body { 
    background: rgb(49, 63, 69); 
    color: #fff;}

html {
    font-size: 16px; 
    text-decoration: none; 
    list-style-type: none; 
    margin: 0; 
    font-family:'Rajdhani', sans-serif;}

h1 {
    margin: 1rem; 
    text-decoration: none; 
    color: rgb(228,212,186)}

.menu ul li a {text-decoration:none; color: white; font-size: 17px}
.menu ul li a:visited {text-decoration: none; color:white;}
.menu ul li a:hover {color: #f8857c; font-weight: bold;}

.menu ul li {
    text-decoration: none;
    list-style-type: none;
    display: inline;
    margin-top: 2rem;
    margin-left: 2rem;
    font-family: 'Rajdhani', sans-serif;font-weight: bold;
    border-right: 2px solid;
    padding-right: 2rem;}

.menu { padding: 0.3rem 0 0.3rem 0; text-align: right;}

h2 { 
    text-align: center;  
    margin-top: 6rem;
    margin-bottom: 1rem; 
    color: rgb(228,212,186); 
    font-family: "Oswald"; 
    line-height: 0.5rem;
    letter-spacing: 0.6rem;
    font-size: 28px;}

.lista {text-align: center;}
.lista ul li a {text-decoration:none; color: white; font-size: 13px;}
.lista ul li a: visited {text-decoration: none; color: white}
.lista a:hover {color: #f8857c; font-weight: bold;}

.lista ul li {
    text-decoration: none;
    list-style-type: none;
    display:inline-table;
    margin-top: 2rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
    font-family: 'Rajdhani', sans-serif;font-weight: bold;
    border-right: 2px solid;
    padding-right: 2rem;}

.foto {background: url(pattern2.jpg);}

.foto img { 
    border-radius: 30rem; 
    display: block; 
    margin: auto; 
    border: solid 7px rgb( 228,212,186); }


h3 {
    text-align: center; 
    margin: 2rem;
    color: #f8857c;
    font-size: 20px;}

h4 {
    padding: 1rem;
    margin: 2rem; 
    margin-top: 4rem;
    border: 1px solid; 
    font-size: 17px;
    letter-spacing: 0.2rem;
    border-radius: 0.4rem;}

h5 {
    font-size: 15.5px; 
    margin-top: 0.2rem;}

article { 
    padding: 1rem; 
    margin: 2rem; 
    text-align:inherit;
    background-color: rgb(227, 227, 227, 0.1);
    border-radius: 0.4rem;}


.datos {
    display: flex; 
    justify-content: space-around;
    background-color: rgb(228,212,186);
    color: rgb(49, 63, 69);
    border-radius: 0.4rem;}

footer {margin: 1rem; font-size: 12px; text-align: center;}