@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');

.pouuul {
    text-align: center;
    color: rgb(184, 59, 59);
    font-size: 40px;
    font-family: 'VT323', monospace;
    background-color: rgb(250, 154, 99);
    padding: 10px;
    border-radius: 10px;
    border: 5px solid rgb(184, 59, 59);
    transition: all 0.1s  ;
    display: block;
    max-width: fit-content;
    margin: auto;
    
}

.pouuul:hover {
    transform: scale(1.2);
    color: rgb(207, 95, 61);
    background-color: rgb(245, 218, 218);
    border: 5px solid rgb(207, 95, 61);
}

nav {
    display: flex;
    justify-content: space-evenly;
    
}

.pouuuul {
    text-align: center;
    font-size: 27px;
    background-color: white;
    font-family: 'VT323', monospace;
    max-width:900px ;
    margin: 50px auto;
    border-radius: 10px;
    border: 5px solid rgb(131, 91, 155);
    color: rgb(131, 91, 155);

    }

body {
    text-align: center;
    background-image: url(img/forestbc.jpg);
    background-size: cover;
}

.pouul {
    font-size: 40px;
    text-align: center;
}

.poul {
    border-radius: 10px;
    border: 5px solid rgb(131, 91, 155);
}

.bob {
    background-color:rgb(94, 27, 27); ;
}

.boob {
    text-align: center;
    font-size: 25px;
    background-color: rgb(184, 11, 40);
    font-family: 'VT323', monospace;
    max-width:600px ;
    margin: 50px auto;
    border-radius: 10px;
    border: 5px solid rgb(243, 208, 208);
    color: rgb(243, 208, 208);
}

.booob {
    text-align: center;
    color: rgb(243, 208, 208);
    font-size: 40px;
    font-family: 'Creepster', cursive;
    background-color: rgb(184, 11, 40);
    padding: 10px;
    border-radius: 10px;
    border: 5px solid rgb(243, 208, 208);
    transition: all 0.1s  ;
    display: block;
    max-width: fit-content;
    margin: auto;
}

.booob:hover {
    transform: scale(1.2);
    color: rgb(167, 17, 17);
    background-color: rgb(236, 184, 184) ;
    border: 5px solid rgb(167, 17, 17);
    font-family: 'VT323', monospace;
}

.peter {
    border-radius: 10px;
    border: 5px solid rgb(209, 127, 33);
}

.peterr {
    text-align: center;
    font-size: 25px;
    background-color: white;
    font-family: 'VT323', monospace;
    max-width:600px ;
    margin: 50px auto;
    border-radius: 10px;
    border: 5px solid rgb(209, 127, 33);
    color: rgb(209, 127, 33);

    }

    .peterrr {
        text-align: center;
        color: rgb(209, 127, 33);
        font-size: 40px;
        font-family: 'VT323', monospace;
        background-color: rgb(252, 208, 87);
        padding: 10px;
        border-radius: 10px;
        border: 5px solid rgb(209, 127, 33);
        transition: all 0.1s  ;
        display: block;
        max-width: fit-content;
        margin: auto;
        
    }
    
    .peterrr:hover {
        transform: scale(1.2);
        color: rgb(224, 145, 93);
        background-color: rgb(255, 229, 113);
        border: 5px solid rgb(224, 145, 93);
    }

    .peterrrr {
        background-color:rgb(255, 229, 195); ;
    }