@charset "UTF-8";

body {
    background-color: rgb(0, 0, 0);
    color: rgb(11, 198, 195);
    width: 75%;
    text-align: center;
}

h1 {
    font-family: Courier New;
    text-align: center;
}

h2 {
    font-family: Courier New;
    font-style: italic;
    text-align: center;
}

p, h3, h4, li, #clickedCell, #requestResult, #generationInfo, #stateTable {
    font-family: Courier New;
    margin: 24px;
}


#gameImage {
    background-color: white;
    float: right;
    border: solid 4px rgb(5, 95, 95);
    margin: 8px;
    border-collapse: collapse;
}


table {
    background-color: rgb(83, 11, 2);
    border: solid 2px rgb(72, 70, 56);
    margin: 8px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

tr, td, th {
    border: solid 1px black;
    border-collapse: collapse;
    height: 16px;
    width: 32px;
    padding-left: 20px;
    padding-right: 20px;
}

.banner{
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: center;*/
}

.banner img{
    width:60%;
}

a:visited {
    color: rgb(55, 199, 199);
    font-size: 1.5em;
}

a:link {
    color: rgb(14, 127, 101);
    font-size: 1.5em;
}

a#parameciums {
    display: block;
    height: 32px;
    position: relative;
}

#parameciums img {
    border: none;
    position: absolute;
}

#par1 {
    left: 50%;
}

#par2 {
    left: 50%;
}

#par3 {
    left: 50%;
}

#par4 {
    left: 50%;
}

#imagediv{
    float:right;
}

#datadiv{
    float:left;
}

#container{
    display:inline-block;
}