.header{
  display: flex;            
  align-items: center;        
  justify-content: space-between; 
  gap: 20px;                  
  padding: 10px 20px;         
  background: #004d00;
}

.lypso{
  width:  400px;              
  height: auto;               
  object-fit: cover;          
}

h1{
  margin: 0;                  
  text-align: center;
  flex: 1;                    
  font-size: 2rem;
}

body{
  background-color: rgb(31, 34, 34);
}

hr{
  width: 700px;
  height: 3px;
  background-color: red;
  border: none;
}

a {
    color: rgb(0, 0, 0);
    text-align: center;
    border: 3px solid #00945b;
    padding: 15px;
    width: 200px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background-color: rgb(76, 51, 99);
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

a:hover {
    border-color: #ffffff;
    box-shadow: 0 4px 12px rgb(8, 248, 148);
}

h2{
  color: rgb(2, 177, 2)
}

h3{
  color: aquamarine;
}

li{
  color: aquamarine;
}