/* projects.css */

/* Inherit styles from main.css */
@import url("main.css");

/* Styles for the project list */
.container {
    text-align: center;
    margin-bottom: 2rem;
    color: #603813; /* Consistent with main.css section titles */
    width: 64rem;
}

.project-list {
    list-style: none;
    padding: 0;
}

.container iframe {
    width: 100%; /* Make the iframe take up the full width of its container */
    height: 80vh; /* Set a height relative to the viewport height, adjust as needed */
    border: none; /* Remove default iframe border */
}

/* Adjust header nav if needed for current page indication */
header nav ul li:nth-child(2) { /* Style the 'Projects' item if it's the second link */
    /* Example: color: #A0522D; or add a class for 'active' */
    font-weight: bold; /* Or some other indication */
}