@font-face {
    font-family: 'coolvetica rg';
    src: url('coolvetica rg.eot');
    src: url('coolvetica rg.eot?#iefix') format('embedded-opentype'),
        url('coolvetica rg.woff2') format('woff2'),
        url('coolvetica rg.woff') format('woff'),
        url('coolvetica rg.ttf') format('truetype'),
        url('coolvetica rg.svg#coolvetica rg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing: border-box;
}
body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin: 0;
    min-height: 100vh;

    font-family: 'Seagram tfb', sans-serif;
    font-weight: 100;

    text-align: center;
    color: #003366;

    background: radial-gradient(circle, #ffffff, #e7e7e7); 
    font-size: 5vw;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
    margin: 0;
    padding: 1vh 1vw;
}
a {
    color: #c77e4f;
    text-decoration: none;
    box-shadow: #c77e4f 0 2px 0px -1px;
    transition: box-shadow 500ms;
}
a:hover {
    box-shadow: #c9875eee 0 1em 2px -1em;
    color: #c9875eee;
}