html {
    scroll-behavior: smooth;
}

body {
    background-color: #F7F7F7;
    font-family: Futura, SF Pro, Verdana;
    margin: 0px auto;
    color: #333333;
}

.anchor {
    display: block;
    visibility: hidden;
}

.container-text-only {
    padding: 10px 15px 15px 15px; 
}

/* COLORS

WHITE: F7F7F7
BLACK: 333333
BLUE: 6FBDD8

*/

/* TEXT & LINKS */

p {
    font-size: 1rem;
}

a {
    color: #6FBDD8;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #000;
}

.div-hv-centered {
    height: 100vh; 
    justify-content: center; 
    vertical-align: middle; 
    text-align: center; 
    margin: 0px auto; 
    padding: 0px; 
    align-items: center; 
    position: relative; 
    place-items: center; 
    display: grid; 
    background-image: linear-gradient(135deg, #F7F7F7,#a4dcee);
}