html {
     background-color: rgb(255,255,255);
}

.logo-image {
	width: 100%;
}

h1 {
	text-align: center;
	font-size: 48px;
	font-weight: bold;
}

#path {
	text-align: center;
}



#fall23 {
	text-align: center;
	background-color: rgb(240,240,240);
	padding: 20px;
	border: 2px solid black;
	border-radius: 5px;
	box-sizing: border-box;
	width: 45%;
}

#fall23 li {
    list-style-position: inside;
}

#spring23 {
	text-align: center;
	background-color: rgb(240,240,240);
	padding: 20px;
	border: 2px solid black;
	border-radius: 5px;
	box-sizing: border-box;
	width: 45%;
}

.job-box {
    text-align: center;
    background-color: rgb(240,240,240);
    padding: 20px;
    border: 2px solid black;
    border-radius: 5px;
    box-sizing: border-box;
    width: 45%;
}

.semester-container,
.semester-container-2024 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

#fall23 h3 {
	text-align: center
}

#spring23 h3 {
	text-align: center
}

#spring23 li {
    list-style-position: inside;
}

#fall24 {
	text-align: center;
	background-color: rgb(240,240,240);
	padding: 20px;
	border: 2px solid black;
	border-radius: 5px;
	box-sizing: border-box;
	width: 45%;
}

#fall24 li {
    list-style-position: inside;
}

#fall24 h3 {
	text-align: center
}

#spring24 {
	text-align: center;
	background-color: rgb(240,240,240);
	padding: 20px;
	border: 2px solid black;
	border-radius: 5px;
	box-sizing: border-box;
	width: 45%;
}

#spring24 li {
    list-style-position: inside;
}

#spring24 h3 {
	text-align: center
}

#coursework {
	text-align: center;
	font-weight: bold;
}

footer {
	background-color: rgb(240, 240, 240);
	text-align: center;
}

@media (max-width: 768px) {
    .job-box {
        width: 90%; /* makes all boxes same width and stack nicely */
    }
}