.progress {

  height: 40px;
  border-radius: 10px;
  

}

.DISK {
  font-weight: bold;
  margin: 12% 5% 5% 10%;
 
}

.row {
  --bs-gutter-y: 5 !important;
  height: 285px;
  padding: 40px; 
}

small{
  padding: 15px !important;

}

.col-4{
  height: 10px !important;
}

.row{
  padding: 0px !important;

}
canvas{

  height:250px !important;

}

.barcontainer{
  background-color: #e6e6e6b0;
  position: relative;
  transform: translateY(-50%);
  top: 50%;
  margin-left: 50px;
  width: 50px;
  height: 22vh;
  float: left;
}
  
.bar{
  background-color: #0D6EFD;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80%;
  box-sizing: border-box;
  animation: grow 1.5s ease-out forwards;
  transform-origin: bottom;
}

.bar center{
  color: #fff;
}