/* CSS for Redeem */


.button1 {
	color: #ffffff;
	background-color: #ff630f;
	font-size: 18px;
	border: 0px solid #ffffff;
	border-radius: 8px;
	padding: 8px 25px;
	cursor: pointer
	}
	
.button1:hover {
	color: #ffffff;
	background-color: #3a20bc;
	}	

.button1.disabled {
	background-color: #bcbcbc; /* Gray */
	}




.button2 {
	color: #0000FF;
	background-color: #CCCBCD;
	font-size: 18px;
	border: 0px solid #ffffff;
	border-radius: 8px;
	padding: 5px 5px;
	cursor: pointer
	}
	
.button2:hover {
	color: #FF0000;
	background-color: #3a20bc;
	}


	
	
.underline-text {
    text-decoration: underline;
  }
  
  
  
  
  
  
  
/* CSS for Verify */


.button3 {
	color: #ffffff;
	background-color: #064998;
	font-size: 18px;
	border: 0px solid #ffffff;
	border-radius: 8px;
	padding: 8px 25px;
	cursor: pointer
	}
	
.button3:hover {
	color: #ffffff;
	background-color: #3a20bc;
	}
	
.button3.disabled {
	background-color: #bcbcbc; /* Gray */
	}
		
	
	
	
/* CSS for Signup */	
	
td[colspan="2"] {
    text-align: center;
}


.button4 {
	color: #000000;
	background-color: #FFFF00;
	font-size: 18px;
	border: 0px solid #000000;
	border-radius: 8px;
	padding: 8px 25px;
	cursor: pointer
	}
	
.button4:hover {
	color: #FFFF00;
	background-color: #000000;
	}

.button4.disabled {
	background-color: #bcbcbc; /* Gray */
	cursor: not-allowed; /* Pointer indicates disabled state */
	}
	


    .breathing {
        animation: breathe 4s infinite;
    }

    @keyframes breathe {
        0% {
            color: black;
            background-color: #FFFF00;
        }
        50% {
            color: white;
            background-color: blue;
        }
        100% {
            color: black;
            background-color: #FFFF00;
        }
    }