html, body
{   min-height: 100%;}
body
{   margin: 0;
    color: #222222;
    font-size: 1em;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    background-image: url('images/stars.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;}
.masthead
{   text-align: center;
    padding: clamp(2em, 8vw, 6em) 1em;
    color: #bdd8ea;}
.masthead-intro
{    margin-bottom: 0.1em;
    font-size: clamp(1.25em, 5vw, 2em);}
.masthead-heading
{   margin-top: -0.2em;
    font-weight: bold;
    font-size: clamp(1.75em, 7vw, 3em);
    letter-spacing: -0.02em;}
.masthead-figure
{   margin: clamp(1.5em, 6vw, 3em) 0;}
.masthead-image
{   max-width: 75%;
    height: auto;
    max-height: clamp(150px, 40vw, 300px);
    vertical-align: middle;}
.masthead-post
{   margin-bottom: 0.1em;
    font-size: clamp(1.15em, 4vw, 1.5em);
    font-style: italic;}
.masthead-post a
{   font-weight: bold;
    font-style: italic;
    color: #add8e6;
    text-decoration: none;}
.links
{   width: 50%;}
.button
{   border: none;
    padding : 20px;
    appearance: none;   
    background-color: inherit;
    cursor: pointer;}
button:hover
{   transform: scale(1.1, 1.1);}