/* Navigation Bar Styling */
.nav1 {
    text-align: center; /* Centers the navigation */
}

.nav1 ul {
    list-style-type: none; /* Removes default bullet points */
    background-color: black; /* Sets background color */
    border: 20px solid black; /* Adds a thick black border */
    cursor: pointer; /* Changes cursor to pointer for better UX */
}

.nav1 a {
    color: white; /* Sets text color */
    text-decoration: none; /* Removes underline from links */
    padding: 15px; /* Adds spacing around links */
    text-align: center; /* Centers text */
}

.nav1 a:hover {
    text-decoration: underline; /* Underlines text on hover */
}

.nav1 li {
    display: inline-block; /* Displays list items in a row */
    font-size: 20px; /* Sets font size */
}

/* Title Styling */
.title {
    text-align: center; /* Centers the title */
    color: black; /* Sets text color */
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 
                 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; /* Sets font family */
    font-size: 25px; /* Sets font size */
}

.title2 {
    color: black; /* Sets text color */
    font-size: 15px; /* Sets font size */
}

/* Google Maps Embed Styling */
.maps {
    width: 100%; /* Ensures full width */
    height: 100%; /* Ensures full height */
    margin: 0px; /* Removes margins */
    padding: 0px; /* Removes padding */
}

/* Phone Section Styling */
.Phone {
    margin: 50px; /* Adds space around */
    text-align: center; /* Centers text */
    background-color: rgb(246, 220, 224); /* Sets background color */
    display: inline-block; /* Ensures block display */
    border: 3px solid black; /* Adds border */
    font-size: 15px; /* Sets font size */
    padding: 20px; /* Adds padding */
}

/* Location Section Styling */
.location {
    background-color: rgb(246, 220, 224); /* Sets background color */
    border: 3px solid black; /* Adds border */
    display: inline-block; /* Ensures block display */
    padding: 15px; /* Adds padding */
    margin: 20px; /* Adds space around */
}

/* Social Media Section Styling */
.socia {
    background-color: rgb(246, 220, 224); /* Sets background color */
    border: 3px solid black; /* Adds border */
    display: inline-block; /* Ensures block display */
    padding: 30px; /* Adds padding */
    margin: 20px; /* Adds space around */
    font-style: "Playfair Display"; /* Sets font style */
}