body {
  background-color: #212930; /* Changes the entire page background */
  margin: 0;                /* Removes default browser white borders */
  min-height: 100vh;        /* Ensures the background covers short pages */
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

.h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size 500px;
}


a:link, a:visited {
  background-color: #f44336;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border: 2px solid black;
  
  
}

a:hover, a:active {
  color:white;
  font-size: 18px;
}




a.button{
  background-color: #f44336;
  color: white;
  padding: 14px 25px;
  text-decoration: none;
  display: inline-block;
  margin:0:auto;
  display:block;
  font-family: Arial, Helvetica, sans-serif;
}

a.button:hover{

}





.LTCbtn1{
  background-color: #f44336;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.LTCbtn2{
  background-color: #f44336;
  color: white;
  padding: 2px;
  text-decoration: none;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
}


.claim-btn{
     background-color: #f44336;
  color: white;
  padding: 2px;
  text-decoration: none;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  width:150px;
  height: 200px;
    
    
}


.p1{
font-family: Arial, Helvetica, sans-serif;

}




.container {
display: flex;
border: 2px solid black;

}





.container2 {
  display: flex;
  width: 535px;
  height: 50px;
 
  border: 3px solid gray;
  margin: 15px;
  flex: 1;
}



.container3 {
display: flex;
  width: 600px;
  height: 50px;
 
  border: 3px solid gray;
  margin: 15px;
  flex: 1;

}


.points-display{
flex: 1;
padding: 10px;

}



.cooldown-text{
padding: 10px;

}



.claim-btn {

  width: 400px;
  height: 50px;
  border: 3px solid gray;
  flex: 1;
  text-align: center;

}



.myDiv {
  width: 150px;
  height: 30px;
  padding: 10px;
  border: 5px solid gray;
  margin: 15px;
  flex: 1;
}





.myDiv2 {
  
  text-align:center;
}




.myDiv3{

  background-color: green;
  width: 50px;
  height: 20px;
  padding: 5px;
  border: 5px solid gray;
  margin: 15px;
  flex: 1;
}



.headerContainer{
    display: flex;
    align-items: baseline; /* Aligns the text along their bottom text lines */
    margin: 0;
    gap: 1700px;
 
{