body {
    padding: 1.5em;
    text-align: center;
    font-family: 'Lato', sans-serif;font-size: 17px;
    background: url("images/font1.jpg")  
}

         
h1 {
  background-image: url("images/font2.jpg");
  padding-top:40px;
  padding-bottom:40px;
  font-family: 'Lato', sans-serif;
  font-size: 40px;
  color: whitesmoke;
  text-align: center;
  text-shadow: 2px 2px 5px grey;
}

.panneau {
  background: linear-gradient(to bottom right, #D3D3D3, black);
  color: white;
  width: px;
  border: 10px solid grey;
  padding: 80px;
  margin: 50px;
}

.font1 {
  background: rgb(169,169,169);
  color: black;
}

.font2 {
  background: rgb(40,55,71);
  color: lightslategray;
}


.font3 {
  background: rgb(173,139,136);
  color: darkred;
}

html {
  padding: 1em;
}

a {
   padding: 29em;
   color:rgb(236, 240, 241);
}

p {
   background-color: dimgrey;
}

img {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

button {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    opacity: 0.4;
    background-image: linear-gradient(black, white);
    border: 5px solid grey;
    display: block;
    width: 100%;
}

button:hover {
  background-image: linear-gradient(to bottom left, white, black);
  opacity: 0.75;
}

h4 {
  font-size: 1em;
  color: whitesmoke;
  text-align: center;
  text-shadow: 10px 5px 4px black;
}