header {
    background-color: #F4ECD6;
    background-image: none;
    min-height: 0vh;
}

h1 {
    text-align: center;
    color: #1C110A;
    text-shadow: none;
}

p.backToDocs {
    margin-bottom: 3%;
    font-weight: bold;
}

p.backToDocs a {
    text-decoration: none;
}

object {
    margin: 3% 0%;
}

div.buttons {
    display: flex;
    justify-content: space-around;
}

div.buttons p {
    text-align: center;
    box-shadow: 3px 3px #472925;
    margin: 1em;
    padding: 1em;
    color: #F4ECD6;
    background-color: #724040;
}

div.buttons a {
    text-decoration: underline;
    text-decoration-color: #F4ECD6;
}

div.buttons a:hover {
    text-decoration: none;
}

div.buttons p:active {
    box-shadow: none;
}

#codeZones {
    width: 100%;
    margin-top: 10%;
    margin-bottom: 5%;
}

#codeZonesLabel {
    width: 100%;
    text-align: center;
}