:root {
    --accent_color: rgb(255, 66, 165);
    --selected_color: #262626;
}

body {
    background-color: #000000;
}

.result {
    color: #ffffff;
    background-color: rgb(20, 20, 20);
    font-size: 21px;
    border: 2px solid var(--accent_color);
    border-radius: 10px;
    padding: 15px 50px;
    cursor: pointer;
    margin-top: 10px;
    text-transform: capitalize;
    text-align: center;
    display: block;
}
.result:hover {
    color: #ffffff;
    background-color: rgb(50, 50, 50);
}

.gameoption {
    color: var(--accent_color);
    background-color: #000000;
    text-transform: capitalize;
}

select {
    color: var(--accent_color);
    background-color: #000000;
    text-transform: capitalize;
    width: 100%;
    height: 100px;
    font-size: xx-large;
    text-align: center;
    border: var(--accent_color);
}

.SubmitButton {
    color: var(--accent_color);
    background-color: #000000;
    font-size: 19px;
    border: 1px solid var(--accent_color);
    border-radius: 10px;
    padding: 5px 50px;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 20%;
    font-size: xx-large;
}

.SubmitButton:hover {
    text-decoration: underline;
    background-color: var(--selected_color);
}