body {
  margin: .2rem;
  padding: .28rem;
  background-image: url(../images/pool_bottom.png);
  font-family: "Roboto Variable", "Lucida Grande", Helvetica, Arial, sans-serif;

  font-size: 2.5vw;
}

.bg-clock {
  background-color: #efefef;
  margin:0;
}

.btn {
  text-transform: uppercase;
}
.clock {
    color: #020a39;
    letter-spacing: 3px;
   


}

.background-light-blue {
	background-color: lightcyan;
}

.icon img {
  width: 100%;       /* Define the container size */
  max-width: 100px;
}

a {
  color: #00B7FF;
}

/* Bootstrap 4 override */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 123, 255, 0.1); /* Blue tint */
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: rgb(36, 35, 35);
    --bs-table-bg-type: rgba(0, 123, 255, 0.637);
} 

.table-striped>tbody>tr:nth-of-type(even)>* {
    --bs-table-color-type: rgb(34, 33, 33);
    --bs-table-bg-type: rgba(189, 216, 245, 0.637);
} 


/** button color classes **/


.button-active {
  background-color: rgb(40, 221, 70);
  font-weight: bold;
}