/* Palette generated by Material Palette - materialpalette.com/blue/grey */

.dark-primary-color    { background: #1976D2; }
.default-primary-color { background: #2196F3; }
.light-primary-color   { background: #BBDEFB; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #9E9E9E; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; }
h1 {
  font-size: 3em;
  margin: auto;
  font-family: Play;
}
h2 {
  font-size: 2.5em;
  margin: auto;
  font-family: Play;
}
.justify {
  justify-content: center;
}
h3 {
  font-size: 2em;
  margin: auto;
  font-family: Play;
  padding-bottom: 10px;
}
p {
  padding-left: 20%;
  font-family: "roboto slab";
  margin: auto;
  display: block;
  font-size: 15px;
}
.block {
  display: block;
}
.border {
  border: 5px solid black;
}
.flex {
  display: flex;
}
.header {
  display: flex;
  height: 150px;
}
.customnavbar {
  height: 30px;
}
.subheader {
  color: white;
  font-size: 1.25em;
}
.caltotal {
  font-size: 1.2em;
}
.button{
  background-color: #9E9E9E;
  border: 2px solid black;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
}
.customnavbartext {
  text-align: right;
  color: white;
  font-family: 'Roboto Slab';
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  margin-left: auto;
}
.menuheadertext {
  font-family: Play;
  margin: auto;
}
.displaynone {
  display: none;
}
.gym-button {
  height: 50px;
  width: 100%;
  background-color: #1976D2;
  border-radius: 10px;
  color: white;
  text-align: center;
}
.top-margin {
  margin-top: 5vh;
}