h1, h2, h3 {
    color: rgb(0, 51, 102);
    text-align: center;
    font-family: Arial, sans-serif;
}

nav {
    text-align: center;
    border: 2px solid rgb(0, 51, 102);
    padding: 10px;
    border-radius: 10px;
    margin: 20px auto; 
    max-width: 800px; 
}
nav a {
    color: rgb(0, 51, 102);
    text-decoration: none;
    padding: 0 15px;
    font-weight: bold;
}
nav a:hover {
    color: rgb(100, 150, 255); 
}

div, section {
    border: 3px solid rgb(0, 51, 102); 
    background-color: rgb(224, 236, 250); 
    border-radius: 25px;
    
    width: 90%; 
    max-width: 850px; 
    margin: 30px auto; 
    padding: 20px 30px; 
    
    text-align: left; 
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); 
}

div h2, section h2 {
    text-align: center;
    margin-top: 0; 
}

dt {
    font-weight: bold;
    margin-top: 10px;
    color:rgb(0, 51, 102)
}