body{
background-color:#b7b7b7;

}
header{
width: 100%;
height: 46px;
left: 912px;
top: 62px;

}
.timer{
  padding-top: 5%;
}
.text_blocao{
  font-family: "Jersey 10";
  margin-right: 50%;
  margin-left:24%;
  font-size: 33px;

}

input[type='range'] {
  -webkit-appearance: none;
  background-color: #0900FF;
  margin-left: -50%;
  width: 355px;
  height: 13px;
}
input#minutos::-moz-range-thumb  {
  all:unset; 
  -webkit-appearance: none; 
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgb(0, 0, 0);
}
.text-center{
  font-family: "Jersey 10";
    font-size: 48px;
    font-weight: 400;
    line-height: normal;
    margin-left: 50%;
    display: block;
    margin-right: auto;
    width: 100%;
}
.timer2 {
  position: inherit;
  width: 100%;
  max-width: 170px;
  margin-left: 48%;
  display: block;
  margin-right: auto;
  width: 100%;
  margin-right: 50%;
}
.btn-success{
    margin-right: 50%;
    margin-left:42%;
}
.blocao{
   border-radius: 20px;
   height: 100%;
   width: 100%;
   max-height:38px;
   max-width:304px;
   margin-left:10%;


}
.timer3{
  background-image:url('Rectangle_1.png');
  margin-left: -65%;
  width: 399px;
  height: 121px;
  padding:0; 
}
.conteudo{
  background-image:url('Rectangle_1.png');
  padding:auto; 
  font-size: 1rem;
  display: grid;
  justify-content: space-between; 
  align-items: center;
}
#lista{
  display: flex;
  justify-content: center;
  align-items: center;
}