*{ 
  font-family: sans-serif;
    text-align: center
}

body id=plan {
    
}
    body {
    background-color: whitesmoke;
    min-height: 100vh;
    display: flex; 
    flex-direction: column; 
    justify-content: space-between;
}

 @font-face { 
        font-family: Montserrat-Regular;
       src: url(Montserrat-Regular.ttf) 
}

@font-face { 
        font-family: Montserrat-ExtraBoldItalic;
       src: url(Montserrat-ExtraBoldItalic.ttf) 
}

@font-face { 
        font-family: Montserrat-Light;
       src: url(Montserrat-Light.ttf) 
}
h1 {
    font-family: Montserrat-ExtraBoldItalic;
}

header {
    background-color:#6ADAD9;
    padding: 1em 0 0 1em;
    margin-bottom: 1em;
} 

.logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 0 3em;
}

#logofadu {
    max-width: 70%;
}

#logodgpc {
    max-width: 40%;
}

header nav ul {
    list-style: none;
    display: flex;
    margin-top: 2em
}

.menu {
    display:flex;
    flex-direction:row;
    justify-content:center;
    
}

header nav ul li a {
    background-color:#ffffff;
    color:#000000;
    font-weight: bold;
    padding: .39em .30em;
    margin: 0 .80em 0 0;
    text-align: center;
    text-decoration: none;
    border-radius: 25px;
            background: whitesmoke;
            padding: 10px;
            width: 200px;
            height: 150px;
}


.titulos h1 {
    text-align:left;
    color: #6ADAD9; 
    margin: 2em 0 0 0; 
    border-bottom: em;
    border-bottom-style: solid; 
    border-bottom-color: #6ADAD9; 
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    
}

h2 {font-family: Montserrat-Regular;}
.titulos h2 {
    color:#6ADAD9; 
    margin-left: auto;
    display: flex;
    flex-direction:row;
    justify-content:center;
}

#proposito p {
    font-family: Montserrat-Regular;
    text-align: center;
    color: #000000
    
}
    

#punteos ul {
   margin-bottom: 1.5em;
    display:grid;
    flex-direction:column;
    justify-content:center;
    list-style: none
    
}

#punteos ul li {
    margin-bottom: 1em; 
    color: #000000; 
    font-family: Montserrat-Light;
    
}

#mvpypersona {
    border-bottom: .1em;
    border-top-style: solid;
    border-top-color: #6ADAD9; 
    display: flex;
    flex-direction: column;
}

#mvpypersona p{
    text-align: center; 
    font-family: Montserrat-Light;
}
#mvpypersona div a {
    text-decoration: none;
    color: #000000;
    background-color: #6ADAD9;
    border-radius: .0em;
    padding: .4em;
    font-family: Montserrat-Regular;
    
}

#mvpypersona div a:hover {
    color: #23504c;
    background-color: #faf6f1;
    
}

#linksmvpypersona {
    display: flex; 
    flex-direction: row;
    justify-content: space-around;
    margin: 1em 0 2em 0; 
}

footer {
    text-align: center;
    color: #000000;
    font-family: Montserrat-LightItalic;
    outline: 5px solid #6ADAD9;
    outline-offset: 5px;
    margin: 2em
    
}
h2{
    color:#6ADAD9; 
    margin-left: auto;
    display: flex;
    flex-direction:row;
    justify-content:center
}
h3 {
   text-decoration: none;
    color: #000000;
    background-color: #6ADAD9;
    border-radius: .0em;
    padding: .4em;
    font-family: Montserrat-Regular;
}
h4 {
    text-decoration: none;
    color: #000000;
    background-color: #6ADAD9;
    border-radius: .0em;
    padding: .4em;
    font-family: Montserrat-Regular;
}