body 
{
  background-color: rgb(221, 221, 221);
  text-align: center;
}

h1
{
    font-family: 'Courier New', Courier, monospace;
    font-weight: bolder;
}

h2
{
    text-align: left;
    margin-left: 10%;
    margin-right: 10%;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bolder;
}

p
{
    font-family: 'Courier New', Courier, monospace;
    font-weight: bolder;
}

.message
{
    display: flex;
    align-items: left;
    margin-bottom: -20px;
}

.message_leef
{
    text-align: left;
    color: rgb(0, 255, 149);
    display: inline-block;
    margin-right: 20px;
}
.message_simon
{
    text-align: left;
    color: blue;
    display: inline-block;
    margin-right: 20px;
}

.message_vila
{
    text-align: left;
    color: rgb(255, 145, 0);
    display: inline-block;
    margin-right: 20px;
}

.message_krimm
{
    text-align: left;
    color: rgb(255, 65, 217);
    display: inline-block;
    margin-right: 20px;
}

.message_narrator
{
    text-align: left;
    color: rgb(0, 0, 0);
    display: inline-block;
    margin-right: 20px;
}

.message_narrator2
{
    text-align: left;
    color: rgb(50, 0, 71);
    display: inline-block;
    margin-right: 20px;
}

.message_marquee
{
    text-align: left;
    color: rgb(15, 154, 110);
    display: inline-block;
    margin-right: 20px;
}

.message_BigGuy
{
    text-align: left;
    color: rgb(216, 201, 0);
    display: inline-block;
    margin-right: 20px;
}

.message_vole
{
    text-align: left;
    color: rgb(255, 0, 0);
    display: inline-block;
    margin-right: 20px;
}

.main
{
    display: flex;
    justify-content: center;
}

.content
{
    margin-top: 50px;
    width: 80%;
    max-width: 800px;
    background-color: whitesmoke;
    height: 100%;
}

.header
{
    height:auto;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.header_buttons
{
    vertical-align: top;
    display: inline-block;
    text-align: center;
    margin-right: 30px;
}

.image
{
    height: auto;
    margin: auto;
    width: 100%;
    margin-top: 30px;
    image-rendering:crisp-edges;
}

.image img 
{
    width: 80%;
    object-fit: contain;
    image-rendering: crisp-edges;  
}

.text
{
    margin: auto;
    width: 80%;
    margin-top: 30px;
}