select {
    font-size: 16px;
}

option {
    font-size: 16px;
}

body {
    margin: 0px;
    font-weight: bold;
    font-size: 16px;
}

a {
    color: aqua;
}

p {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

img {
    margin-left: auto;
    margin-right: auto;
    max-width: 85%;
    height: auto;
}

.color_block {
    padding: 1em;
    text-align: center;  /* This centers images and text areas within a color_block. */
}

/* This allows color_blocks to move around depending on the size of the screen */
.responsive_layout {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    width: 100%;
}

.responsive_color_block {
    flex-basis: 300px;  /* Width at which color blocks go vertical */
    flex-grow: 1;
}

.color_block_black {
    background-color: black;
    color: white;
}

.color_block_yellow {
    background-color: yellow;
    color: green;
}

.color_block_green {
    background-color: green;
    color: yellow;
}

.quote {
    width: 70%;
    font-style: italic;
}

.attribution {
    text-align: right;
}

.navbox_container {
    position: relative;
}

#nav_pulldown {
    background: black;
    color: white;
    position: fixed;
    /* "position:absolute;" to keep out of flow but not scroll */
    top: 16px;
    right: 16px;
}