body{
    font-family: 'Roboto Mono', monospace;
    display: flex;
    justify-content: center;
    background-color: #222222;
    color: #eeeeee;
    height: 100%;
    overflow-x: hidden;
    margin: 0%;
}

main{
    width: 70%;
    text-align: left;
}

h1{
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
}

hr{
    border: 1px solid rgb(105, 105, 105);
}
p{margin-left: 2px;}

nav a{
    cursor: pointer;
    color: white;
    text-decoration: none;
}
nav a:hover{
    font-weight: 600;
    text-decoration: underline dashed;
}

#login_mess{
    font-style: italic;
}

.selected{font-weight: 600;}

pre{
    text-wrap: wrap;
}
#head{
    font-size: 150%;
}
#head2nd{
    font-size: 140%;
}

b{
    font-size: 120%;
}

@media(max-width: 425px){
    main{width: 90%;}
    h1{font-size: 130%;}
    p{font-size: 90%;}
    
}