header {
    background-color: #085C86;
    color: whitesmoke;
    text-align: center;
    font-size: 1.5rem;
    padding: 10px 25px;;
    margin-bottom: 50px;
}

body {
    text-align: center; 
    color: #115b80;  
    background-color: rgb(236, 236, 236);
    margin: auto;
    
    
    }
    


h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.5rem;
}

.Exercice { 
    padding: 20px;
    border: solid #CCCCCC 3px;
    margin-bottom: 60px;
    background-color: #FEFDEF;
    border-radius: 40px;
    width: 60%; 
    margin: 0 auto;    
}

.Question {
  font-size: 2rem;
}

.Résultat {
  font-size: 1.5rem;
}

.button {
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background-image: -ms-linear-gradient(top, #ffffff, #cccccc);
    background-image: -o-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    -webkit-border-radius: 19;
    -moz-border-radius: 19;
    border-radius: 19px;
    font-family: Arial;
    color: #1e83a8;
    font-size: 20px;
    padding: 5px 15px 5px 15px;
    border: solid #4a94c2 4px;
    text-decoration: none;
  }
  
  .button:hover {
    background: #c7eded;
    background-image: -webkit-linear-gradient(top, #c7eded, #03d6d6);
    background-image: -moz-linear-gradient(top, #c7eded, #03d6d6);
    background-image: -ms-linear-gradient(top, #c7eded, #03d6d6);
    background-image: -o-linear-gradient(top, #c7eded, #03d6d6);
    background-image: linear-gradient(to bottom, #c7eded, #03d6d6);
    text-decoration: none;
  }

  .buttonquestion {
    background: #8ee6f5;
    background-image: -webkit-linear-gradient(top, #8ee6f5, #3a7ba6);
    background-image: -moz-linear-gradient(top, #8ee6f5, #3a7ba6);
    background-image: -ms-linear-gradient(top, #8ee6f5, #3a7ba6);
    background-image: -o-linear-gradient(top, #8ee6f5, #3a7ba6);
    background-image: linear-gradient(to bottom, #8ee6f5, #3a7ba6);
    -webkit-border-radius: 60;
    -moz-border-radius: 60;
    border-radius: 60px;
    font-family: Arial;
    color: #ffffff;
    font-size: 25px;
    padding: 10px 20px 10px 20px;
    border: solid rgb(228, 228, 228) 4px;
    text-decoration: none;
    
  }
  
  .buttonquestion:hover {
    background: #ffb8b8;
    background-image: -webkit-linear-gradient(top, #ffb8b8, #bf4141);
    background-image: -moz-linear-gradient(top, #ffb8b8, #bf4141);
    background-image: -ms-linear-gradient(top, #ffb8b8, #bf4141);
    background-image: -o-linear-gradient(top, #ffb8b8, #bf4141);
    background-image: linear-gradient(to bottom, #ffb8b8, #bf4141);
    text-decoration: none;
  }

  footer {
    background-color: #589fc2;
    color: antiquewhite;
    padding: 20px;
    font-size: 1.3rem;
    position: fixed;
    bottom: 0;
    width: 100%;

    
}