base.css

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    background-color: #3EA4E8;
    font-family: Gill Sans, sans-serif;
    font-variant: small-caps;
    display: grid;
    grid-template-columns: 0.5fr 9fr 0.5fr;
    grid-template-rows: auto;
    grid-template-areas:'. container .';
}
.shadow {
    text-shadow: 
        0 1px 0 #ccc, 
        0 2px 0 #c9c9c9,
        0 3px 0 #bbb, 
        0 4px 0 #b9b9b9, 
        0 5px 0 #aaa,
        0 6px 1px rgba(0, 0, 0, .1),
        0 0 5px rgba(0, 0, 0, .1), 
        0 1px 3px rgba(0, 0, 0, .3),
        0 3px 5px rgba(0, 0, 0, .2), 
        0 5px 10px rgba(0, 0, 0, .25),
        0 10px 10px rgba(0, 0, 0, .2),
        0 20px 20px rgba(0, 0, 0, .15);
}