p,
h1 {
    color:black;
}

.ma-classe {
    color: black
}

.ma-classe-2 {
    color: darkgrey;
    font-weight:800;
}

p {
    font-family:Arial, sans-serif;
    font-size: 16px;
    font-style: italic;
    
}

h1{
    font-family: 'Lobster', sans-serif;
    font-size: 3em ;
    color: black;
    padding: 40px;
    background-color: lightgray;
    text-align: center;
    background-image: url("images/image.jpg");  
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: cover;
    opacity: 0.8;
    border: 2px solid;
    border-radius: 10px;
    box-shadow: 6px 6px 6px black;
    text-shadow: 2px 6px 2px white;
}

.ma-classe-2{
    text-decoration: underline;

}

p{
    text-align: justify;
}

.image {
    opacity: 0.8;
    border: 2px solid;
    border-radius: 10px;
    box-shadow: 6px 6px 6px black;
}

.oiseaux{
    background-color: lightgray;
    font-family: 'Lobster', sans-serif;
    font-size: 2em ;
    color: black;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;
    border: 2px solid;
    box-shadow: 6px 6px 6px black;
    text-shadow: 2px 2px 2px white;
    border-radius: 10px;
    width: fit-content;
    
}

img:hover{
    opacity: 0.5;
}

a:hover {
    color: deeppink;
    text-decoration: underline;
}

a:active {
    text-decoration-color: black;
}

a:focus {
    background-color: black;
    color: white;
    outline-color: black;
}

img:hover + h1 {
    color: deeppink;
}