h1 {
    text-align: center;
    color: white;
    font-size: 50px;
    height: 100px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}

.levelbox {
    background-color: orange;
    padding: 75px 75px;
    margin: 20px 20px;
    text-align: center;
    color: whitesmoke;
    font-size: 35px;
    border-radius: 100px 15px 100px 10px;

}

.levelbox:hover {
    background-color: rgb(250, 190, 79);
    cursor: pointer;
}

#container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
}

body,
html {
    background-image: url(menubg.webp);
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.title {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.back {
    background-color: orange;
    padding: 40px 40px;
    margin: 40px 40px;
    text-align: center;
    color: whitesmoke;
    font-size: 50px;
    border-radius: 100px;
}

.back:hover {
    background-color: rgb(250, 190, 79);
    cursor: pointer;
}