body { 
    font-family: Arial, sans-serif; 
    text-align: center; 
    margin: 0; 
    padding: 0;
    background: #f5f5f5;
}

header { 
    background: #333; 
    color: white; 
    padding: 15px; 
    font-size: 20px; 
}

/* map */
#map { 
    height: 400px; 
    width: 90%; 
    margin: 10px auto; 
    border-radius: 10px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}


.section { 
    margin: 15px auto; 
    padding: 10px; 
    width: 90%; 
    max-width: 800px; 
    background: white; 
    border: 1px solid #ccc; 
    border-radius: 10px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    text-align: left;
}


button { 
    padding: 10px 15px; 
    margin: 5px; 
    border: none; 
    background: #007bfa; 
    color: white; 
    border-radius: 5px; 
    cursor: pointer;
}
button:hover { 
    background: #0056bb; 
}


ul { 
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
}
ul li { 
    padding: 5px 0; 
    cursor: pointer; 
    border-bottom: 1px dashed #ccc; 
}
ul li:hover { 
    background: #eee;
}