html, body {
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    background: linear-gradient(to bottom right, #18AFFF 5%,  #dcdce4 65%);
    background-repeat: no-repeat;
    font-family: 'Helvetica Neue';
}


@font-face {
    font-family: 'arial rounded bold';
    src: url(fonts/ArialRoundedBold.ttf);
}

@font-face {
    font-family: 'noteworthy';
    src: url(fonts/Noteworthy.ttc);
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(fonts/HelveticaNeue.ttc);
}

.arial-rounded {
    font-family: 'arial rounded bold';
}

.noteworthy {
    font-family: 'noteworthy';
}

table {
    width: 100%;
    border: solid 2px #999;
    border-style: double;
} 

tr {
    width: 100%;
}

td {
    padding: 2px 5px;
    border: solid 0.25px #555;
    min-width: 2rem;
}

th {
    font-size: 1.5vw;
    padding: 1vw;
    text-align: center;
    border: solid 0.25px #555;
}

.text-underlined {
    text-decoration: underline;
}