body {
    font-family: "Poppins", sans-serif;
    background-color: #a7dae8;
}

h1 {
    font-family: "Open Sans", sans-serif;
}

header img {
    height: 90px;
    width: 110px;
    border: 3px solid #ffaec9;
}

#display_random_word {
    font-size: 3rem;
    color: #31d2f2;
    background-color: white;
}

.btn-info {
    width: 40px;
}

#pendu_1 {
    border: 3px solid skyblue;
}

#pendu_2 {
    border: 3px solid #ffaec9;
}

#pendu_3 {
    border: 3px solid #ffaec9;
}

#pendu_4 {
    border: 3px solid #ffaec9;
}

#pendu_5 {
    border: 3px solid orange;
}

#pendu_6 {
    border: 3px solid orangered;
}

#pendu_7 {
    border: 3px solid red;
}

#cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: grey;
    z-index: 999;
    animation: fadeinout 4s linear forwards;
    opacity: 0;
}

@-webkit-keyframes fadeinout {
    100% {
        opacity: 0.9;
    }
}

@keyframes fadeinout {
    100% {
        opacity: 0.9;
    }
}

#restart {
    position: absolute;
    top:50%;
    left:30%;
    font-size: 1.5rem;
}