@import url('./norwester');


.container-fluid p{
  margin: 0px;
}

#exercise{
  font-family: 'Poppins', sans-serif;
  font-size: 100px;
  margin: 0px;
  line-height: 100%;
}
#time{
  font-family: 'Norwester', sans-serif;
  font-size: 200px;
  margin: 0px;
  line-height: 100%;
}

#rounds{
  font-family: 'Norwester', sans-serif;
  font-size: 25px;
  margin: 0px;
  line-height: 100%;
  color: #2b2b2b;
}

@media only screen and (max-width: 767px) {
  #exercise{
    font-size: 40px;
  }
  #time{
    font-size: 100px;
  }
  #rounds{
    font-size: 18px;
  }
}

.background{

  min-height: 100vh;
  overflow: auto;
}

.middle{
  display: flex;
  align-items: center;
 
}

.control-number{
  color: #fff;
  font-family: 'Norwester', sans-serif;
}
.control-title{
  color: #fff;
}

.box{
  margin: auto; 
  padding: 20px;
  width: 100%;
}


.hide{
  display: none;
}

.green{
  background-color: #acf39d;
}

.orange{
  background-color: #e85f5c;
}

.btn-primary{
  background-color: black;
}

.progress {
  width: 100%;
 height: 100%;
  background-color: #00000000;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}