styles.css

body {
    font-family: 'Cutive Mono', monospace;
}

#menuAll {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}

button {
    font: inherit;
    background-color: none;
    font-size: 24px;
    border: none;
    cursor: pointer;
    outline: none;
    background-color: #e9d1b8;
}

#cookieImg {
    pointer-events: none;
}

button:hover {
    background-color: #3e8e41;
}

button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#info {
    background: #886136;
    font-size: 24px;
    outline: none;
    margin: 10px;
    width: 20px;
    text-shadow: 2px 1px 0 #ffebe2;
    text-decoration: none;
}

#stats {
    font-size: 16px;
    outline: none;
    margin: 3px;
    text-shadow: 2px 1px 0 #ffebe2;
}

#muteState {
    font-size: 16px;
    outline: none;
    text-shadow: 2px 1px 0 #ffebe2;
}

#msg {
    font-size: 16px;
    outline: none;
    margin: 1%;
    text-shadow: 2px 1px 0 #ffebe2;
    display: flex;
    justify-content: center;
}

.filler {
    width:2000px; 
    height:2000px; 
}

.buttonsWrapper {
    display: flex;
    flex-flow: row wrap;
}

.actionsSection {
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: flex-start;
}

.doomFacs {
    display: inline-flex;
    gap: 2px;
}

.headerTop {
    width: auto;
}


/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 30px;
height: 15px;
}

/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 8px;
width: 8px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #da8a22;
}

input:focus + .slider {
box-shadow: 0 0 1px #da8a22;
}

input:checked + .slider:before {
-webkit-transform: translateX(14px);
-ms-transform: translateX(14px);
transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
} 

.statsAU {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;

}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#victoryName {
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

#weWon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-flow: row wrap;
}

#weWon1 {
    margin: 25px;
    color: white;
    text-shadow: 1px 1px 2px pink;
    max-width: 450px;
}

#victoryName {
    margin: 10px;
}

#victoryDesc {
    margin: 2px;
}

#timerEd {
    font-size: 40px;
    color: rgb(179, 179, 179);
    text-shadow: 1px 1px 2px rgb(99, 99, 99);
    text-align: center;
}

#timerIntro {
    font-size: 24px;
    color: rgb(252, 184, 59);
    text-shadow: 1px 1px 2px rgb(99, 99, 99);
    text-align: center;
}

#button4e {
    background-color: #b5b5b5;
    cursor: no-drop;
}

#button2 {
    background-color: "#e9d1b8";
}

.finaleStars {
    display: flex;
    justify-content: center;
    font-size: 12px;
    padding-bottom: 3px;
    margin-top: -14px;
}

#facSpeech1 {
    background-color: black;
    color: white;
}
#facSpeech2 {
    background-color: black;
    color: white;
}
#facSpeech3 {
    background-color: black;
    color: white;
}
#facSpeech4 {
    background-color: black;
    color: white;
}
#facSpeech5 {
    background-color: black;
    color: white;
}