@import '../variables';

.content {
    background-image: url('../images/Images/image4.jpeg');
    background-size:cover; 
     background-position: center; 
     background-repeat: no-repeat;
     padding: 50px 0; /* Adds vertical padding for spacing */
     min-height: 100vh;/* Minimum height for content to ensure it's large enough */ 

}
 .highlight {
    color: black
 }


p {
  color: black;
}

li {
    color: black;
}

h2 {
    color: black;
}

ul {
    list-style-type: none; /* Removes the default bullet points */
    padding: 0; /* Removes default padding */
    margin: 0; /* Removes default margin */
}

li {
    margin-bottom: 10px; /* Adds spacing between list items */
}

#content-body {
    
    background-color: rgba(255, 255, 255, 0.4); 
}

/* background-color: rgba(185, 182, 182, 0.5); */

.navbar {
    background-color: rgba(185, 182, 182, .4);
}

@media (max-width: 768px) {
    .content {
        padding-top: 0px; /* Adjust top padding for the navbar height */
        min-height: calc(175vh - 0px); /* Ensure full viewport height minus navbar */

    }

    .content1 h1 {
        margin-top: 10px; /* Add slight margin for better spacing */
    }

    button {
        display: flex;
        justify-content: center;
    }
}

button {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

a {
    text-decoration: none; /* Removes the underline */
}