body { 
		background-color: white; 
    font-family: 'Inter', sans-serif;
	}
	#outercontainer { 
		background-color: white; 
		border-radius: 9px; 
		padding:12px; 
		width: 90%; margin:auto; 
	}
	#logos { 
		background-color: white; 
		text-align:center; 
		border-radius: 9px; 
		padding:12px;
	}
	.logo { 
		width: 90px; 
	}
	.logolg { 
		width: 190px; 
	}
	.poster{
		width: 450px; 
	}
	.posterlg{
		width: 950px; 
	}
	.img2{
		width: 450px; 
		height: 300px; 
	}
	/* used chat gpt to help w/ video formatting*/
	.video-container{
		display: flex;
		justify-content: center;
		gap: 20 px;

	}
  .right {
		float:right;
		margin-left: 12px;
		flex: 0 0 auto;
	}
	.left {
		float:left;
		margin-right: 12px;
		flex: 0 0 auto;
	}
  .center-horizontal {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
	.content{
		display: none;
	}

	dl { 
		width: 80%; margin:auto; 
		background-color: rgb(223, 255, 215);
	}
	dt { 
		background-color: rgb(53, 126, 38); 
		color:white; 
		/* width: 20%; text-align:center;  */
		/* float:left; */
	}
	dd { 
		color: black;
	}

	.redbox { 
		border: 3px solid red; 
	}
	.bluestyle { 
		color: aqua; 
		background-color:aliceblue; 
	}
	
	.highlight {
		background-color: rgb(93, 172, 75) !important;
	}
	.highlight2 {
		background-color: rgb(168, 218, 69) !important;
	}
	.centerbox {
		width: 800px;
		margin:auto;
		background-color: rgb(53, 126, 38); color:white;
		border-radius: 12px;
		padding: 10px;
	}
	#messagebox {
		width: 600px; height: 80px; 
		margin:auto;
		background-color: rgb(53, 126, 38); color:white;
		border-radius: 12px;
		padding: 10px;
	}
	/* used chatgpt to help with table wrapper/rounding corners nicely */
	.table-wrapper {
		display: block;
		width: fit-content;
		border: 2px solid black;
		border-radius: 15px;
		overflow: hidden;
		background-color: rgb(223,225,215);
		margin: 20px auto;
	}
	.table-wrapper table { 
		border-collapse:seperate;
		margin:0;
		background-color: inherit; 
		width: 100%;
		text-align:center;
	}
		/* used chat gpt to help w/ nav styling */
	nav {
		background-color: rgb(160, 204, 150);
		width: 400px;
		height: 40px;
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	nav a {
		color: black;
		text-decoration: none;
		font-weight: bold;
	}
	nav a:hover {
		color: white;
		text-decoration: none;
		font-weight: bold;
	}
	nav ul {
		list-style-type: none;
		margin: 5;
		padding: 0;
		display: flex;
	}
	nav li{
		margin: 0 10px;
		color: black;
	}
	p {
		width: 800px; margin:auto;
	}

	/* for every other row of td/cells, alternate background-color */
	/*
	tr:nth-child(even) td { 
		background-color: #d3e1eb; 
	}
	*/
	th { 
		background-color:rgb(53, 126, 38); 
		color: white;
	}
	/* set a specific background-color for every td/cell in the 1st column */ 
	table tbody tr td:nth-child(1) {    
		background-color:rgb(131, 186, 108);  
	}
	/* for the first and second column of td/cells, set to align left */
	table tbody tr td:nth-child(1),  table tbody tr td:nth-child(2){    
		text-align:left;  
	}	
	a {
		color: blue;
	}
	a:hover{
		color: rgb(0, 0, 69);
	}