#page {
    background-image: url('../img/hangman.jpg');
    border-radius: 50px;
    text-align:center;
    margin: 20px auto;
    width:70%;
    padding: 5px 20px;
    height:750px;
}

h1 {
    color: #fff;
    font-size:50px;
    margin-bottom: 30px;
    margin-top: 0;
    font-family: 'Permanent Marker', cursive;
}

#theme_play {
    display: none;
}

#image_pendu {
    display: none;
}

img.pendu {
    margin: 0 auto 0 auto;
    width: 120px;
    border-radius: 20px;
}

h2 {
    color: white;
    font-size:16px;
    margin-top: 30px;
    font-family:Arial, sans-serif;
}

#mot {
    margin:30px auto;
    clear:both;
    top:100px;
}

#mot td {
    padding:5px;
    background-color:transparent;
    border:1px inset white;
    width:35px;
    height:35px;
    font-weight:bold;
    font-size:1.5em;
    border-radius: 40px;
    text-align:center;
}

 #mot p{
    visibility:hidden;
    color: white;
    font-family: 'Gloria Hallelujah', cursive;
    font-size: 20px;
}

#clavier{
    margin: 0 auto 30px auto;
    padding:10px;
    border-radius: 10px;
    background-color:transparent;
}

#clavier td {
    background-color:transparent;
    color: rgb(255, 255, 255);
    width:30px;
    height:30px;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
    font-family: 'Gloria Hallelujah', cursive;
    font-size: 28px;
}

button#lien{
    border: none;
    background-color: transparent;
    color:rgb(255, 255, 255);
    text-decoration:none;
    font-size:20px;
    font-family: 'Press Start 2P', cursive;
    cursor: pointer;
}

button#lien:hover{
    color:rgb(255, 21, 21);
    font-weight:bold;
    text-decoration:underline;
}

#reponse {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    color: white;
}