#center-logo
{
	display: block;
	margin-left: auto;
 	margin-right: auto;
 	width: 25%;
}

a
{
	color: blue;
}
body, html{
	height: 100%;
  	margin: 0;
}
.thirty-seventy-split
{
	display: grid;
	grid-template-columns: 3fr 7fr;
}
/*This is from w3 schools background image tutorial*/
.background-image
{
	/* The image used */
  background-image: url("https://senecagroup.com/wp-content/uploads/2017/02/hero_lakeside_04.jpg");
  
  /* Add the blur effect */
  filter: blur(8px);
  -webkit-filter: blur(8px);
  
  /* Full height */
  height: 100%; 
  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*This is also from w3 schools*/
.align-content{
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(255,255,255, 0.5); /* Black w/opacity/see-through */
	color: white;
	font-weight: bold;
	border: 3px solid #f1f1f1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 80%;
	padding: 20px;
	text-align: center;
}

#center-selections
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-left: auto;
 	margin-right: auto;
 	width: 30%;
 	background-color: #7F0323;
 	font-size: 15pt;
}
#login-signup-block
{
	display: grid;
	grid-template-columns: 1fr;
	margin-left: auto;
 	margin-right: auto;
 	width: 20%;
 	background-color: #7F0323;
 	font-size: 15pt;
 	padding: 5px;
}

#select-classes
{
	display: grid;
	margin-left: auto;
 	margin-right: auto;
 	width: 30%;
 	background-color: #7F0323;
 	font-size: 15pt;
}

.half-split{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.four-way-split
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.vertical-center {
  margin: 5%;
  top: 50%;
}

.maroon-background
{
	padding: 5px;
	background-color: #7F0323;
}
.center
{
	text-align: center;
}

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

.white{
	color: white;
}
.white-background{
	background-color: white;
	padding: 5px;
	grid-template-columns: 1fr 1fr;
	margin: 5px;
}
.btn {
  background-color: #7F0323;/
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 16px;
  font-size: 16px;
}
/*The following 21 are modeled after a w3 css grid-row-start tutorial*/
.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 5px;
  background-color: #7F0323;
  padding: 10px;
}

.wrapper > div {
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	padding: 20px 0;
	font-size: 15px;
}
/*Each interval of a row represents 5 minutes in a class. For examle end:21 - start: 12 = 9 and that is a 45 minute period*/
.first {
	word-break: break-all;
  	grid-row-start: 2;
  	grid-row-end: 11;
}

.second {
	word-break: break-all;
  	grid-row-start: 12;
  	grid-row-end: 21;
}
.third {
	word-break: break-all;
  	grid-row-start: 26;
  	grid-row-end: 35;
}
.fourth {
	word-break: break-all;
  	grid-row-start: 36;
  	grid-row-end: 45;
}
.fifth {
	word-break: break-all;
	grid-row-start: 46;
  	grid-row-end: 55;
}
.sixth{
	word-break: break-all;
	grid-row-start: 56;
	grid-row-end: 65;
}

.seventh{
	word-break: break-all;
	grid-row-start: 66;
	grid-row-end: 75;
}
.eighth{
	word-break: break-all;
	grid-row-start: 76;
	grid-row-end: 85;
}

.Wfirst{
	word-break: break-all;
	grid-row-start: 2;
	grid-row-end: 17;
}
.Wthird{
	word-break: break-all;
	grid-row-start: 18;
	grid-row-end: 33;
}
.Wfifth{
	word-break: break-all;
	grid-row-start: 34;
	grid-row-end: 59;
}
.assembly{
	word-break: break-all;
	grid-row-start: 60;
	grid-row-end: 69;
}
.Wseventh{
	word-break: break-all;
	grid-row-start: 70;
	grid-row-end: 85;
}
.Thsecond{
	word-break: break-all;
	grid-row-start: 2;
	grid-row-end: 17;
}
.Thfourth{
	word-break: break-all;
	grid-row-start: 18;
	grid-row-end: 33;
}
.Thsixth{
	word-break: break-all;
	grid-row-start: 34;
	grid-row-end: 59;
}
.Theighth{
	word-break: break-all;
	grid-row-start: 60;
	grid-row-end: 75;
}
.activity{
	grid-row-start: 76;
	grid-row-end: 85;
}
.day{
	grid-row-start: 1;
	grid-row-end: 2;
	text-align: center;
	padding: 5px 0;
	font-size: 30px;
	color: white;
}
h1
{
	text-align: center;
	color: #7F0323;
	font-size: 30pt;
}
table
{
	background-color: #7F0323;
	text-align: center;
}
th
{
	color: white;
	display: block;
	padding: 5px;
}
td
{
	background-color: white;
	display: block;
	padding: 5px;
}
tr
{
	align-self: center;
}

#outer-block
{
	display: inline-grid;
	padding: 10px;
	background-color: #7F0323;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#top-block
{
	height: 50px;
	width: 200px;
	padding: 10px;
	background-color: white;
	text-align: center;
}

#bottom-block
{
	height: 200px;
	width: 200px;
	padding: 10px;
	background-color: white;
	text-align: center;
}

.white
{
	color: white;
}

h2{
	color: #7F0323;
}

.three-way-split
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}