@import url('https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    background-color: #e8d8be;
    color: #000000;
    font-family: "Caudex", serif;
}

h1 {
    color: #f67300
}

a {
    color: #627982;
    text-decoration: none
}

p {
    font-size: 20px;
}

a:hover {
    color: #e63030bb
}

ul {
    list-style-type: square
}

.recommencer {
    color: #b222a3
}

.porte {
    background-image: url("images/bureau.jpg");
    background-size: cover;
    color: white;
}

.kebab {
    background-image: url("images/kebab.jpg");
    background-size: cover;
    color : whitesmoke
}

.kebab a {
    color: darkblue
}

.kebab a:hover {
    color: #e63030bb
}

.entree {
    background-image: url("images/entree.webp");
    background-size: cover;
}

.entree a {
    color: darkblue
}

.entree a:hover {
    color: #e63030bb
}

.parier {
    background-image: url("images/parier.jpg");
    background-size: cover;
    color: violet;
}

.machine {
    background-image: url("images/machine.jpg");
    background-size: cover;
    color: white
}

.machine a {
    color: pink
}

.machine a:hover {
    color: #e63030bb
}

.fenetre {
    background-image: url("images/fenetre.jpg");
    background-size: cover;
}

.couloir {
    background-image: url("images/couloir.jpg");
    background-size: cover;
    color: red
}

.couloir a {
    color: darkblue
}

.couloir a:hover {
    color: #e63030bb
}

.soussol {
    background-image: url("images/soussol.webp");
    background-size: cover;
    color: violet
}

.hesiter {
    background-image: url("images/hesiter.webp");
    background-size: cover;
    color: white
}