*
{
    /*This makes sure that the padding and border are included in the total width and height of the elements*/
    box-sizing: border-box;

    /*A cool default font family*/
    font-family: monospace;
}
body
{
    text-align: center;
    font-size: 1.2rem;
    padding: 0;
    margin: 0;
    color: white;
}
label
{
    display: block;
    margin: 1rem;
}
footer
{
    font-style: italic;
    text-align: center;
}
nav ul, header
{
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: space-around;
}
nav ul a
{
    padding: 1rem;
    text-align: center;
    list-style: none;
    flex-grow: 1;
    color: white;
    text-decoration: none;
    border-bottom: solid 0.1rem transparent;
}
nav ul a:visited
{
    color: inherit;
}
nav ul a:hover, #currentPage
{
    border-bottom: solid 0.1rem white;
}
#result, #result1, #result2, #result3, #result4, #result5, #result6, #result7, #result8, #result9, #result10
{
    -webkit-user-select: all; /* Chrome 49+ */
    -moz-user-select: all; /* Firefox 43+ */
    -ms-user-select: all; /* No support yet */
    user-select: all; /* Likely future */
    word-break: break-all;
}
#background
{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 5rem;
    word-break: break-all;
    z-index: -50;
    background: #000;
    color: #111;
}
#background p
{
    margin: 0;
    padding: 0;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}
section, footer
{
    margin-top: 5rem;
}
input[type='password'], input[type='submit'], input[type='number']
{
    background: transparent;
    border: solid 0.1rem white;
    color: white;
    border-radius: 0.5rem;
    padding: 0.5rem;
}
input[type='submit']
{
    margin: 1rem;
}