body{
    background-color: rgb(30, 30, 30);

    color: white;

    font-family: 'Courier New', Courier, monospace;

    margin: 0px;
}

h1.title{
    position: absolute;

    transform: translate(50vw, 50vh) translate(-50%, -100%);

    font-size: 5em;

    text-shadow: 10px 10px rgba(0, 0, 0, 0.5);
}

h2.scroll{
    position: absolute;

    color: rgb(175, 175, 175);

    transform: translate(50vw, 0) translate(-50%, 0);

    bottom: 0px;

    font-size: 2em;

    text-shadow: 5px 5px rgba(0, 0, 0, 0.5);

    margin: 0px;
}

header{
    position: absolute;

    background-color: rgb(15, 15, 15);

    width: 100vw;
    height: 40px;

    text-align: center;

    z-index: 100;

    top: 0px;
}

div.link{
    font-size: 1.5em;

    margin: 4px;
    margin-left: 8px;
    margin-right: 8px;

    float: right;
}

div.link:hover{
    text-decoration: underline;
}

div.link.nohover:hover{
    text-decoration: none;
}

a{
    text-decoration: none;
    color: white;
}

.noselect{
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.noscrollbar::-webkit-scrollbar{
    display: none;
}

.noscrollbar{
    -ms-overflow-style: none;
    scrollbar-width: none;
}