.marginTop {
  margin-top: 15px;
}

.centerAlign {
  text-align: center;
}

.centerMargins {
  margin-left: auto;
  margin-right: auto;
}

.notificationBackground {
  color: white;
  margin-bottom: 2px;
}

.notificationBackground li {
  color: white;
}

.notificationMessage {
  margin-left: 25px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.notificationExit {
  margin-right: 10px;
}

.notificationExitButton {
  width: 40px;
}


.notificationBackground-debug {
  background-color: #00895A;
}

.notificationBackground-info {
  background-color: #6F7887;
}

.notificationBackground-success {
  background-color: #3C71F7;
}

.notificationBackground-warning {
  background-color: #D9C800;
}

.notificationBackground-error {
  background-color: #D93526;
}

.topNavRight {
  margin-right: 0px !important;
}

.topNavRight:hover {
  cursor: pointer;
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  animation-name: fadeOut;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.youtubeIcon {
  width: 35px;
  height: 30px;
}

.twitterIcon {
  width: 35px;
  height: 30px;
}

.noLinkDecoration {
  color: #373c44;
  text-decoration: none;
}

.navButtonLink {
  margin-left: -5px;
}

footer {
  margin-top: 50px;
}



#loading {
  display: none;
}

a {
  text-decoration: none;
}

.navButtonLink {
  margin-left: -5px;
}

.noLinkDecoration {
  color: #373c44;
  text-decoration: none;
}

.youtubeIcon {
  width: 35px;
  height: 30px;
}

.twitterIcon {
  width: 35px;
  height: 30px;
}

#infer-widget {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

img {
  width: 100%;
  max-width: 600px;
}

#drawingTools {
  display: none;
}

#input_canvas {
  display: block;
  position: absolute;
  z-index: 50;
}

#screenButton {
  width: 100%;
}

#drawButton {
  width: 100%;
}

.bottomSection {
  margin-bottom: 50px;
}



/* glowsword */
@keyframes glow {
  0% {
      text-shadow: 0 0 10px #FFD700, 0 0 20px #FFD700, 0 0 30px #FFD700, 0 0 40px #FFD700;
  }
  50% {
      text-shadow: 0 0 20px #FFD700, 0 0 30px #FFD700, 0 0 40px #FFD700, 0 0 50px #FFD700, 0 0 60px #FFD700;
  }
  100% {
      text-shadow: 0 0 10px #FFD700, 0 0 20px #FFD700, 0 0 30px #FFD700, 0 0 40px #FFD700;
  }
}

/* Punchspeed */
#speed {
  text-align: center;
}

/* Pushup Count */
#pushupCountContainer {
  display: block;
}

#squatCountContainer {
  display: none;
}

#situpCountContainer {
  display: none;
}

.switch-toggle {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}