body {
    background-color: lightgray;
    display: grid;
    grid-template-columns: auto auto;
}

body div {
    background-color: rgb(199, 199, 199);
    border: inset, 5px;
    margin: 10px;
    padding: 5px;
}

h1 {
    /* title */

    font-size: xx-large;

}

h6 {
    /* subtitle */

    font-size: x-small;
}

#header {
    position: sticky;
    
}

a:hover {
    color: darkblue;

}

span {
    color: darkslategray;
}

span:hover {
    cursor: help;
    color: slategray;
}

.button {
    background-color: burlywood;
    color: black;
    font-size: medium;
    border: ivory, outset;
    border-radius: 5px;
    cursor: pointer;  /* change to the skeleton stuff I plan to use in dino final */
}

.button:hover {
    background-color: rgb(219, 159, 74);
    cursor: pointer;
    border: ivory, inset;
}