@charset "utf-8";
/*CSS Document*/

.purpleStuff {
	font-size: 36px;
	font-family: "Lucida Calligraphy", Arial, sans-serif;
	color: #993CD1;
}

.smalightPurple {
	font-size: 10px;
	font-family: "comic-sans", Arial, sans-serif;
	color: #D5A7F0;
}

.bigGreen {
	font-size: 50px;
	font-family: "Times New Roman", Arial, serif;
	color: #18B219;
}

.whiteFancy {
	font-size: 50px;
	font-family:  "Lucida Calligraphy", Arial, sans-serif;
	color: white;
}

.sansHehHeh {
	font-size: 10px;
	font-family: "comic-sans", Arial, sans-serif;
	color: white;
}


.introParagraph {
	font-size: 25px;
	font-family: "Arial", Arial, serif;
	color: white;
	text-align: center;
	padding: 20px 50px;
	display: flex;
}
 table {
	border-collapse: collapse;
}

table .center {
	margin-left: auto;
	margin-right: auto;
}

nav td {
	background-color: #D48FFF;
	width: 100px;
	height: 40px;
	font-size: 24px;
	color: white;
	text-align: center;
	border: 1px solid black;
	border-radius: 15px;
}

nav tr {
	margin: 30px auto;
}

tr a {
	color: purple;
	text-decoration: none;
}

ul.nav1 {
	margin-left: 30px;
}

li.nav1 {
	background-color: #D48FFF;
	width: 100px;
	height: 40px;
	font-size: 24px;
	color: white;
	text-align: center;
	border: 1px solid black;
	border-radius: 15px;
}

table {
		border: 3px solid #611F9C;
		border-collapse: collapse;
		max-width: 1400px;
		align-items: center;
		margin: 40px auto 0 auto;
	}
	caption {
		font-size: 42px;
		color: #E0B8FF;
	}
	th {
		background-color: #B79FFB;
		color: white;
		padding: 10px;
		font-size: 22px;
	}
	td {
		border: 2px solid #611F9C;
		width: 10%;
		text-align: center;
		padding: 8px;
		font-size: 18px;
	}
	tr:nth-of-type(even) {
		background-color: #CA8FFF
	}
	tr:nth-of-type(odd) {
		background-color: #985EE9
	}
	
		.box-1 {
		width:100px;
		height: 200px;
		background-color: #E4C0FB;
		font-size: 20px;
		font-family:  "Lucida Calligraphy", Arial, sans-serif;
		text-align: center;
		display: inline-block;
		align-items: center;
		margin-left: 70px;
		margin-right: 50px;
	}
	
	@media (min-width: 800px) {
		.box-1 {
			width: 150px;
		}
	}
	
	@media (min-width: 1300px) {
		.box-1 {
			width: 250px;
			height:300px;
		}
	}
	
	.fontGoth {
	font-family: 'League Gothic', sans-serif;
	color: purple;
	font-weight: 500;
	font-size: 20px;
}

.fontBhu {
	font-family: 'BhuTuka Expanded One', cursive;
	color: purple;
	font-weight: 500;
	font-size: 30px;
	}
	
.fontDance {
	font-family: 'Dancing Script', cursive;
	color: purple;
	font-weight: 500;
	font-size: 30px;
	}
	a {
	color: white;
	}
	a:visited {
	color: #5B29A4;
	}
	a:hover {
	color: #DFC9FF;
	}
	
	.column-layout {
		max-width: 1300px;
		background-color: #FFF;
		margin: 40px auto 0 auto;
		line-height: 1.65;
		padding: 20px 50px;
		display: flex;
	}
	
	.main-column {
		flex: 3;
		order: 2
	}
	
	.sidebar-one {
		flex: 1;
		order: 1
	}
	
	.sidebar-two {
		flex: 1;
		order: 3
	}
	
	.photo-grid {
  display: grid;
  gap: 1rem;

  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-auto-rows: 240px;
}

/* Medium screens */
@media screen and (min-width: 600px) {
  .card-tall {
    grid-row: span 2 / auto;
  }

  .card-wide {
    grid-column: span 2 / auto;
  }
}

	ul {
		color: white;
	line-height: 1.5em;
	}
	ol {
		color: black;
		line-height: 1.5em;
		font-size: 1.5em;
	}
	li {
		margin-left: 20px;
	}