body{ background:#905BEC;
    text-align: center;
    display: flex; flex-flow:
        row wrap;
    box-sizing: border-box; 
    margin: 0; }
header{
    width:100%;
    background: #E9DFFB;
    color: black;
    height: 70px;
    margin: 10px 50px 0 50px;
    border-radius: 10px;


}
header h1{
    text-align: center;
}
nav{
    margin: -10px 20px 0 0px;
    background: #DBC7FF;
    text-align: center;
       height: 50px;
        width:100%;
    border-radius: 10px;
}
nav a{
   text-decoration: none;
    color: deepskyblue;
    text-transform: uppercase;
    display: inline-block; 
    margin: 10px;
}
.nav a:hover{
    color:black;
    font-size: 18px;
    border-bottom: 3px solid deepskyblue;
    transition:  all 0.3s ease-in-out;
    transition-delay: 0.2s;
}        
main{
    background: #E9DFFB;
    width: 100%;
    margin: 100px; 100px; 10px 100px;
    height: 700px;
    
}
footer{
    background: #180042;
    color: #DBC7FF;
    
    height: 75px;
       margin: 10px 200px 0px; 200px;
    width: 100%;

}