/*Nom de fichier : styles.css*/
/* CSS validé par https://jigsaw.w3.org/css-validator/ */

*{
  padding:0;
  margin:0;
  box-sizing: border-box;
}

body{
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  opacity: .94;
  background-image: url("colonnes.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: black;

  overflow:hidden
}

.shadow1 {

  display: flex;
  flex-direction: column;
  justify-content: space-around;  

  box-shadow: 10px 10px 10px #000000;
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0, 0.5);
  -webkit-box-shadow: 10px 10px 10px #000000;


  height: 85vh;
  min-height: 460px;
  width: 750px;
  padding: 1em;
  margin: 0 auto;

  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;  

  background-image:
   -moz-linear-gradient(left, yellow, white);
  background:
  url("jaunegradient.png");
  background-color: yellow;
  opacity: .95
}

.shadow2 {

  display: flex;
  flex-direction: column;
  justify-content: center;

  box-shadow: 10px 10px 10px #000000;
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0, 0.5);
  -webkit-box-shadow: 10px 10px 10px #000000;


  height: 50vh;
  min-height: 260px;
  width: 500px;
  padding-left: 3em;
  margin: 0 auto;

  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  background-color: #EEEEEE;
}

/* header, footer, article {display:block;} */
/* indiquer que ces nouveaux éléments HTML5 sont des blocs pour faire fonctionner la CSS dans navigateurs actuels */

/* css proprement dite */
/* article {float:left; width:99%}
footer {clear:both;} */

h1 {
  font-family: verdana;
  font-size: 180%;
  color: #89191c;
}

h2 {
  font-family: verdana;
  font-size: 130%;
}

p {
  font-family: verdana;
  font-size: 80%;
  text-align: justify;
  color: rgba(63, 63, 63, 0.8);
}

.center {
  text-align: center;
}