@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&family=Raleway:wght@900&family=Ubuntu:wght@700&display=swap');

body{
    text-align: center;
}
h1{
    color: white;
    background-color: orangered;
    transition: 3s;
    font-family: 'Raleway', sans-serif;
}
h2{
    color:orangered;
    transition: 0.5s;
    font-family: 'Josefin Sans', sans-serif;
}
p{
    color: white;
    background-color: orange;
    width: 700px;
    margin: auto;
    transition: 1s;
}
img{
    height: 300px;
    transition: 3s;
}
#duck {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
#titre:hover{
    background-color: black;
    font-size: 3em;
}
#a:hover{
    background-color: orange;
    color: white;
}
#b:hover{
    background-color: rgb(192, 126, 2);
    color: white;
}
#c:hover{
    background-color: rgb(102, 66, 0);
    color: white;
}
.img1:hover{
    height: 500px
}
.img2:hover{
    height: 380px;
}
.img3:hover{
    height: 1000px;
    margin: auto;
}
.txt:hover{
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.5em;
}