body{
    margin-top: 0%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    background-image: url("sun.jpg");
}

h1{
    color: black;
    background-color: orange;
    width: 100%;
    height: 100px;
    margin-top: 0%;
    padding-top: 0%;
    line-height: 100px;
    text-align: center;
}

#manualText{
    color: black;
    text-align: center;
    margin-bottom: 0%;
}

#listWithLevels{
    text-align: center;
}
  
#listWithLevelsUl{
    display: inline-block;
    text-align: left;
    margin-top: 0%;
}

#divOfbuttonsOfHomePage{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 200px;
}

.buttonsHomePage{
    width: 500px;
    height: 100px;
    margin: 10px;
    border-radius: 12px;
    border: 0px;
}

.buttonsHomePage:hover{
    box-shadow:  0 10px 10px 0 rgba(0,0,0, 0.5);
}

#startGameButton{
    background-color: red;
    color: white;
}

#settingsButton{
    background-color: white;
    color:black;
}

#manualButton{
    background-color: blue;
    color: white;
}

#manualButtonLink{
    color: white;
}

#manualButtonLink:link{
    text-decoration: none;
}

#manualButtonLink:visited{
    text-decoration: none;
}

#manualButtonLink:hover {
    text-decoration: none;
}

#manualButtonLink:active {
    text-decoration: none;
}

#wavingMan{
    width: 300px;
    height: 300px;
    position: relative;
    left: calc(100vw - 350px);
    bottom: 100px;
}

footer{
    background-color: orange;
    padding-bottom: 0%;
}

.footerP{
    color: black;
    margin-bottom: 0%;
}