html {
    background-color: #202329;
    /* -- Default Font Settings --
     Scale [clamp] to viewport, but don't make it too small or large so that it becomes difficult to read
    */
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: clamp(15px, 2vw, 30px);
    color: #fcfffe;
}
.page {
    /* -- Page Layout (parent)--
     Center the page's content vertically and horizontally
    */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.page > * {
    /* -- Page contents (children) --
     Pad the content to create visual separation between objects
     Scale but don't make it too small or large so that it becomes difficult to see
    */
    padding: 5px;
    min-width: 200px;
    max-width: 100%;
}