@font-face {
    font-family: "Nunito";
    src: url("../../font/Nunito-Regular.ttf") format("truetype");
  }


  body{

    background-color: #ffffff;
    background-repeat: repeat;
    color:#000;
    background-image: url('../../images/carrefour/header.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    font-family: "Nunito", sans-serif;
    width: 100%;
    position: relative;
    height: 100vh;
  }

.bg-left{
    background-color: #387F7F;
   font-size: 25px;
   border-radius: 0% 20px 20px 0% ;
   
  }


.blockParticipant{
  padding: 20px;
  border-radius: 20px;
  font-size: 30px;
  color:#fff;
}
.bg_score{
  font-size: 45px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

main{
  position: relative;
  width: 100%;
  height: 100vh;
}
.blockQuestion{

  border-radius: 45px;

  color:#387F7F;
  padding: 20px;
  text-align: center;
  font-size: 33px;
  margin-bottom: 15px;
  font-weight: bold;
}

.blockAnswer{
  padding: 20px;
  font-weight: bold;
  border-radius: 25px;
  background-color: #347575;
  -webkit-box-shadow: 9px 10px 21px 1px rgba(0,0,0,0.83); 
box-shadow: 9px 10px 21px 1px rgba(0,0,0,0.83);
  color:#fff;
  font-size: 32px;
  margin-bottom: 20px;
}

  #BlockTimer{
    position: absolute;
    top:55px;
    right: 100px;
    background-image: url('../../images/carrefour/timer.png');
    background-size: 100%;
    font-size: 35px;
     width: 120px;
     height: 120px;
     color:#fff;
     text-align: center;
     padding-top: 60px;
  }