html {
  height: 100%;
  width: 100%; 
}
body{
   background-color: white;
   text-align: center;
   
}
.link-line {
  position: fixed; /* Keeps the link line fixed at the top */
  top: 0; /* Positions it at the very top */
  width: 100%; /* Makes it stretch across the entire screen */
  z-index: 1000; /* Ensures it stays above other elements */
}

.link-line {
  background-color: blue; 
  padding: 20px; 
  text-align: center; 
}

.link-line a {
  color: white; 
  font-weight: bold; 
  text-decoration: none; 
  padding: 0 0px; 
}

.link-line a:hover {
  text-decoration: underline; /* Underlines when hovered */
}

.PB {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4); 
    width: 90%;
    margin: auto;
    padding: 20px;
    background-color: white; 
    border: 2px solid blue; /* White outline */
    text-align: center;
   border-radius: 150px;
  
 
}
.time{
  width: 100%;
  margin: auto;
  padding: 20px;
  background-color: black; 
  border: 1px solid black; 
}
.time:hover{
  background-color: blue;
  color: white;
  border: 1px solid blue;
}
.time:hover{
  background-color: blue;
  color: white;
  border: 1px solid blue;
}
.e{
  color: white;
}