body {
    margin: 0;
    box-sizing: border-box;
    background-color: #fff;

    /* grid global */
    display: grid;
    place-items: center center;
    grid-template-rows: 2fr auto;

    /* font global */
    font-family: "Quicksand", sans-serif;
    font-weight: bold;
    
    /* sizing */
    width: 100vw;
    height: 100vh;
}
#main {
    /* grid global */
    grid-column: 1;
    grid-row: 1;

    /* grid parent */
    display: grid;
    place-items: center center;
    
    /* font */
    font-size: 1.25rem;

    /* positioning */
    position: relative;
}
.text-container {
    /* grid main */
    grid-column: 1;
    grid-row: 1;

    /* positioning */
    position: relative; 
    text-align: center;
}
#attribution-container {
    /* grid main */
    grid-column: 1;
    grid-row: 1;

    /* font */
    font-size: 1rem;
    /* positioning */
    position: relative;
    padding: 2% 10%; 
    text-align: left;
}
#privacy-container {
    /* grid main */
    grid-column: 1;
    grid-row: 1;

    /* font */
    font-size: 1rem;
    
    /* positioning */
    position: relative;
    text-align: center; 
}
#sunray {
    /* grid main */
    grid-column: 1;
    grid-row: 2;

    /* positioning */
    position: relative;

    /* sizing */
    width: 10rem;

    /* animation */
    animation: spin 33s linear infinite;
    transform-origin: center;
}

#skelly {
    /* grid */
    grid-column: 1;
    grid-row: 2;

    /* positioning */
    position: relative;

    /* sizing */
    width: 14rem;
}

footer {
    /* grid global */
    grid-column: 1;
    grid-row: 2;

    /* font */
    font-family: "Quicksand", sans-serif;
    font-size: 70%;
    font-weight: bold;

    /* positioning */
    position: relative;
    bottom: 0;
    text-align: center;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}