nav{
    display:grid;
    grid-template-columns:auto auto auto auto ;
    position:sticky;
    top:0;
}
nav>div{
    text-align:center;
}
*{
    color:white;
    font-family: Avenir;}
nav>div:hover{
    text-decoration:underline;
}
h1{
    text-align:center;
    font-family:'Courier New', Courier, monospace;
    font-size:250%;
}
header,header>a{
    display:flex;
    justify-content:center;
    align-items: center;
}
header>*,header>*>*{
    background-color:#123265;
}
.perfect-center{
    display:flex;
    justify-content:center;
    align-items:center;
}
.rise-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.rise-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.page{
    min-height:80vh;
    width:80vw;
}

p,h3{
    font-size:150%
}
main{
    display:flex;
    align-items:center;
    Flex-direction: column;
     flex-wrap: wrap;
}


body{
    background-color:#485974;
}