@font-face {
    font-family: "zombie";
    src: url("zombie.ttf");
    src: url("Beauty\ Queen.ttf");
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

#menu {
    flex: 0 0 350px;
    height: 300vh;
    text-align: center;
    background: linear-gradient(yellow, yellow, yellow);
}

.texte {

    font-size: 22px;
    font-family: fantasy;
    background: rgba(209, 37, 37, 0.6);
    color: rgb(0, 30, 0);
    border-radius: 15px;
    margin: 2%;
    padding: 50px 30px;
    box-shadow: 5px 5px 5px rgb(36, 36, 36);
}


#gamezone {
    flex: 1 1 650px;
    background: url("logopaname.png") no-repeat center/cover;
}

.bouton {
    font-size: 28px;
    display: block;
    width: 200px;
    background: linear-gradient(black, blue, black);
    color: snow;
    padding: 15px 30px;
    margin: 15px auto;
    border-radius: 15px;
    text-decoration: none;
    font-weight: bold;
    cursor: crosshair;
    box-shadow: 5px 5px 10px purple;
}

.bouton:hover {
    background: linear-gradient(red, white, red);
    color: black;
    width: 220px;
    font-size: 32px;
}

#btnZombie {
    font-family: "zombie";
}