* {
    padding: 0;
    margin: 0;
}

html {
    background-size: cover;
    background-blend-mode: lighten;
    background-blend-mode: ;
}

body {
    padding: 0px;
    margin: 0px;
}

#head {
    opacity: 0.95;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/game_header_bg-removebg-preview.png);
    background-size: contain;
    background-color: #27348b;
}

#header {    
    width: 100%;
    background-size: contain;
}

#logo {
    height: 10em;
    width: 4000px;
}

#logo img {
    height: 10em;
}

#headlines {
    color: azure;
    text-align: center;
}

#headlines td {
    text-align: center;
}

#headlines h1 {
    font-size: 3.0em;
    position: fixed;
    top: 0%;
    left: 50%;
    width: 16.5em;
    margin-left: -8.25em;
}

#headlines h2 {
    font-size: 1.9em;
    vertical-align: top;
    position: fixed;
    top: 0%;
    left: 50%;
    width: 25em;
    margin-left: -12.5em;
    margin-top: 4.1em;
}

#game {
    width: 100%;
    color: 27348b;    
}

#game td {
    opacity: 0.95;
    background-color: azure;
    border: 0.5em solid coral;
    border-radius: 1.0em;
    padding: 1.6em;
    height: 20em;
    vertical-align: top;
}

#game p {
    font-size: 2.0em;
}

#punish {
    color: peru;
    padding-top: 2.5em;
    font-size: 1.5em;
    text-align: right;
    -webkit-text-stroke: 0.02em coral;
}

#footer_spectators {
    vertical-align: bottom;
    margin: 0px;
    position: relative;
    width: 100%;
    height: 5em;
}

#footer {
    position: absolute;
    bottom: 0px;
    border-top: 0.9em solid #27348b;
    background-color: azure;
    width: 100%;
}

#footer img {
    height: 9em;
}

#footer td {
    border: 0.1em dotted #27348b;
    width: 33%;
    text-align: center;
    height: 8.6em;
}

#footer_spectators {
    position: absolute;
    bottom: 10.0em;
}

#footer button {
    border: 0px solid #27348b;
    background-color: azure;
}

.footer table {
    border-top: 0.9em solid #27348b;
    background-color: azure;
    width: 100%;
    
}

.footer td {
    margin: 0px;
    border: 0.1em dotted #27348b;
}

.footer table tr {
    margin: 0px;
    border-left: 0.9em solid black;
}

.footer table td {
    border-top: 0.9em;
    width: 25%;
    text-align: center;
}

.footer img {
    margin: 0px;
}

legend {
    font-size: 2.0em;
    font-weight: bold;
    color: #27348b;
}

fieldset {
    background-color: azure;
    border: 0.4em solid coral;
    border-radius: 1.3em;
    padding: 1.6em;
    height: 33.0em;
    vertical-align: top;
}

.playerName {
    width: 12em;
    height: 2.0em;
    border: 0.2em solid #27348b;
    border-radius: 0.9em;
    font-size: 1.5em;
    margin-bottom: 0.1em;
    padding: 0.2em;
}

.sex {
    font-size: 2.0em;
    border: none;
    margin-bottom: 0.1em;
    background: no-repeat;
    background-color: azure;
    background-size: contain;
    cursor: grabbing;
}

.sex_img {
    height: 1.5em;
    height: 100% 100%;
}

fieldset table {
    border-collapse: separate;
    border-spacing: 0.65em;
}

.option {
    display: inline-block;
    color: #27348b;
    font-size: 1.5em;
}

.cb_option {
    border-color: #27348b;
    color: #27348b;
    transform: scale(2.0);
    margin-right: 0.9em;
}

.settings2 fieldset {
    height: 18em;
}

.settings2 fieldset input[type='radio'] {
    transform: scale(1.2);
    font-size: 1.5em;
    margin: 0.4em;
    color: #27348b;    
}

#fs_modus {
    height: 10em;
}

.settings2 table {
    table-layout: fixed;
    width: 100%;
}

.settings2 table td {
    width: 50%;
}

.settings2 label {
    color: #27348b;
    font-size: 1.5em;
}