body{
    font-family: helvetica, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color:#7e689d;
    color: beige}

header{ 
        display: flex;
        flex-direction:column;
        background-color: #7e689d;
        justify-content: center;
        align-items: center}
        

body header a{
                display: flex;
                justify-content: center;
                padding: 0em;
                margin-top: 1em;
                padding-bottom: 0em}

nav{
    background-color: beige;
}

nav ul{
    display:flex;
    justify-content: space-around;
    list-style-type: none;}

header nav ul{
            display: flex;
            margin: inherit;
            background-color: #9bb5d8}

header nav ul li a{
                    color: black;
                    text-decoration: none;
                    font-weight: bold;
                    display: flex;}

main{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em;
    margin: 1em}

main nav ul{
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0em;
            margin: 0em;
            justify-content: center}

main nav ul li a{
                 color: #597090;
                 text-decoration: none;
                 font-weight: no;
                 display: block;
                 margin: .25em;
                 padding: 0em;
                 padding-bottom: 1em}
main li {
        margin: 1em}

footer{
        background-color: beige;
        padding: 1em;
        margin: 0em;
        text-align: center;
        color: black}
footer li{
        display: flex;
        justify-content: space-around
        }

footer nav ul{
              display: flex;
              background-color: beige;
              flex-direction: row;
              list-style: none;
              align-items: flex-end; 
              padding: 0;
              margin: 0}

footer nav ul li a{
                    display: block;
                    margin: .25em;
                    padding: 0em;
                    background-color: beige;
                    margin-bottom: 0em}
               
footer p{ 
         padding: 0;
         margin: 1;  
         margin-top: inherit}


li{
    display: flex}

.foto{
      border-radius: 12em;
        width: 24em}
