:root {
    --beige:#F6F4EE;
    --navy:#01173E;
    --red:#C40000;
    --sky:#D5EBF5;
    --maxw:1200px;
}

body {
    display:flex;
    flex-direction:column;
    font-family: "EB Garamond";
    margin:0;
    min-height:100vh;
}
    
header {
    background-color:white;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
    
main {
    flex:1;
    font-size:1em;
    width:100%;
}

footer {
    background-color:var(--navy);
    color:white;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

red {
    color:var(--red);
}

.div-wip-center {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:400px;
}

.div-wip-message {
    background-color:var(--sky);
    border-radius:0.5em;
    font-size:2em;
    height:100%;
    margin:2em;
    max-width:var(--maxw);
    padding:2em;
    width:100%;
}

.a-editor {
    color:var(--navy);
    font-size:2em;
    text-decoration:none;
}    
    
.a-editor:hover {
    color:var(--red);
}  


@media only screen and (max-width: 720px) { 
    footer {
        font-size:0.9em;        
    }
    
    main {
        font-size:0.9em;
    }    
    }
}