.bloc01{
  font-family: "Arial", Verdana, Geneva;
   text-shadow:-5px 4px 5px rgba(0,0,0,0.5);
  position:sticky;
  padding:10px;
  margin:0 auto;
  margin-bottom:0px;
  display:flex;
  flex-direction:column;
  width:400px;
  height:auto;
  box-shadow:-25px 25px 55px -18px rgba(0,0,0,0.7); }
 
#degrade_bleu{ 

background: linear-gradient(to bottom, blue , cyan); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}






html{
  letter-spacing:2px;
  text-align:center;
  color:white;
  font-family:montserrat;
/*  background:#BF55EC; */
/*  background: green;  /*  background:a modifier; */
/* text-transform:uppercase;
  background: #ec008c;  fallback for old browsers
background: -webkit-linear-gradient(to top, green, #ec008c);  /* Chrome 10-25, Safari 5.1-6 */
/* background: linear-gradient(to bottom, blue , cyan); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*
}
h1{
  text-shadow:-5px 4px 5px rgba(0,0,0,0.5)
}
h4{
  margin-bottom:100px;
}
.container{
   text-shadow:-5px 4px 5px rgba(0,0,0,0.5);
  position:relative;
  padding:10px;
  margin:0 auto;
  margin-bottom:0px;
  display:flex;
  flex-direction:column;
  width:400px;
  height:500px;
  box-shadow:-25px 25px 55px -18px rgba(0,0,0,0.7);
/*   position:relative; */
/* background:#BF55EC; */
/*     background:#CEA0E4; */


}
.head{
  display:flex;
  background:rgba(0,0,0,0.4); 
  justify-content:space-around;
  height:60px;
  align-items:center;
  font-size:18px;
border-radius:50px;
}
.status{
  background:black;
/*   color:black; */
  height:20px;
  padding:5px;
  border-radius:40px;
}
.question{
  background:404040;
  height:80px;
  margin:5px;
  font-size:60px;
  padding-top:35px;
  
  
}
.box{
  margin:10px;
  height:45px;
  border-radius:50px;
/*   background:#9A12B3; */
  background:rgba(0,0,0,0.4);
/*   padding:5px; */
  font-size:35px;
/*   box-shadow:-2px 2px 4px 1px purple; */
/*   border:2px solid white; */
}
.box:hover{
   background:rgba(0,0,0,0.6);
  transform:scale(1.02)
}
button{
 width:260px;
 outline:none;
  border:none;
  padding:4px;
  height:55px;
  margin:10px auto;
  background:black;
 color:white;
 font-size:20px;
  font-family:montserrat;
  text-transform:uppercase;
  box-shadow:-3px 2px 5px -1px black;
  letter-spacing:3px;
  border-radius:50px;
}
button:hover{
/*   opacity:0.8; */
  box-shadow:-1px 1px 10px -1px black;
}
button:active{
  box-shadow:none;
  transform:scale(0.95)
}

.gameover{
  position:absolute;
  width:300px;
  height:150px;
  background:rgba(0,0,0,0.7);
  color:white;
  left:47px;
  top:1px;
  padding:10px;
  font-size:30px;
  z-index:2;
  display:none;
}
@media (max-width:500px){
  .container{
    width:300px;
    
  }
  .question{
    font-size:40px;
  }
  .head{
    height:100px;
/*     background:orange; */
    padding:5px;
    flex-wrap:wrap;
  }
}