@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

body {
  background-color: #02001a;
}

.logo{
    max-width: 100%;
    height: 200px;
    display: block;
    margin: 0 auto;
}

.center{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background-color: #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    margin: 20px auto;
   width: fit-content;
    border: 8px solid #f1c40f;
    font-weight: bold;
}

.actual{
    width: fit-content;
    margin: 0 auto;
}

a{
    display: block;
    text-align: center;

}

table{
border: 1px solid #f1c40f;
font-weight: bold;
background-color: navy;
color: white;
}

 th,
 td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #f1c40f; 
  border-right: 1px solid #f1c40f;
  font-weight: bold;
 }



 h1 , h2{
    font-family: "Times New Roman", serif;
    color:navy;
    font-weight: bold;
    text-align: center;
 }
 
 a{
    color: rgb(255, 0, 242);
 }
 
 
 
 .menu{
list-style-type: none;
  margin: 0;
  padding: 0;
  width: 130px;
  background-color: #f1c40f;
  position: fixed; /* Make it stick, even on scroll */
  overflow: auto; /* Enable scrolling if the sidenav has too much content */
 }

 li a {
  display: block;
  color: navy;
  padding: 8px 16px;
  text-decoration: none;
  background-color:#e0e0e0 ;
  text-align: center;
  font-weight: bold;
  font-family: "Times New Roman", serif;
}

/* Change the link and background color on hover */
li a:hover {
  background-color: navy;
  color: white;
}

.active {
  background-color: #464545;
  color: white;
}
#links{
    color: rgb(3, 116, 18);
}
p{
    text-align: center;
    width: 75%;
    font-family: "Times New Roman", serif;
}
span{
    font-weight: bold;
    color: navy;
    font-size:18px;
}
#title{
display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background-color: #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    margin: 20px auto;
   width: 60%;
    border: 8px solid #f1c40f;
    font-weight: bold;

}

a:hover{
    color: orange;
}