h4{
	color:#00F;
	font-style:italic;
}

.strap1{
	font-size:larger;
	text-align:center;
	font-weight:bold;
	width:100%;
	background:#6C3;

}
.strap2{
	font-size:smaller;
	text-align:center;
	font-style:italic;
	font-weight:normal !important;
}

.weeScreen {
    display:none;
}
.bigScreen {
    display:block;
}

  
@media only screen and (max-width: 960px) {
  .weeScreen {
    display:block;
  }
  .bigScreen {
    display:none;
  }
}

.glow {
  /*
  font-size: 80px;
  */
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}

.glowing{
	font-weight: bold;
  	text-shadow: 0 0 12px red;
}

.enterScore{
	/*font-family:"Courier New", Courier, monospace;*/
	font-size:12px;
}
.btn{
	--bs-btn-padding-x: 0.35rem;
	--bs-btn-padding-y: 0.1rem;
	width:80%;
}




.scoreBox{
	width:30px;
	text-align:center;
}
.red{
	color:#e00 !important;
}
.green{
	color:#0c0 !important;
}
.blue{
	color:#00e !important;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.centre{
	text-align:center;
}

.col{
	padding:10px;
}

.bold{
	font-weight:bold;
}
.blink {
	animation: blinker 1.5s linear infinite;
	}
@keyframes blinker {
	50% {
		opacity: 25;
		}
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 14px; /* Increase font size */
}

#myButton, #updateScores{
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 14px; /* Increase font size */
}
.loginBtn {
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 16px; /* Increase font size */
  text-decoration:none;
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
.loginBtn:hover{
	background-color: #5a5;
}