body {
    background-color: rgba(253, 239, 231);
    background-position: center; 
    background-attachment: fixed;
    background-repeat: repeat;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    padding: 40px;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 100vh;
    color: #ff690f;
  } 
  
  h1 {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px;  
    border-radius: 0px;
    color: #800080;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-bottom: 0px solid #800080;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.main-content {
    display: flex;
    flex-direction: column;
    align-items: center;   
    text-align: center;     
    padding: 40px;         
}


ul {
    text-align: left;      
    display: inline-block; 
}

.main-menu ul {
  list-style-type: none; 
  padding: 0;
  margin: 20px 0;
  display: flex;         
  justify-content: center; 
  gap: 20px;           
}

.main-menu a {
  text-decoration: none; 
  color: blue;  
  font-weight: bold;
}

.main-menu a:hover {
  color: purple;
}

nav ul {
  display: flex;           
  justify-content: center;
  list-style-type: none;
  padding: 0; 
  margin: 0;
  gap: 30px;
}

nav li {
  display: inline;        
}

nav a {
  text-decoration: none;   
  font-family: sans-serif; 
  font-weight: bold;
  color: #800080; 
}
nav li a {
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
}

nav a:hover {
  color: #551A8B;   
}