body {
   background: linear-gradient(-45deg, #6ed5f9, #e7f57e, #fff4eb, #3b2fef);
	background-size: 400% 400%;
	animation: gradientBG 30s ease infinite;
}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

a.homelink {
  color: #000;
  font-size: 1.5em;
  font-family: "gopher", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.main-container {
  display: grid;
  background-color: inherit;
  width: 90%;

}


.relative {
    position: relative;
}

.absolute {
  position: absolute;
}

.courseinfo {
  left:0;

}

.scroller {
  height: 300px;
  overflow: scroll;
}


h1  {
  font-size: 5em;
  font-family: "gopher", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2763ff;
  margin-bottom: .5em;
}

a {
  color: #2763ff;
  font-size: 1em;
  text-decoration: none;
}

a:active,
a:hover {
  color: #2763ff;
}

p {
  font-family: "fira-sans-2", sans-serif;
  font-weight: 400;
  font-size: 1.25em;
  font-style: normal;
}

em {
  font-style: italic;
}

.panel {
	padding: 10px;
  margin: 0em 0 2em 0;

}

.panel > p {
  font-size: 1em;
  font-family: "fira-sans-2", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;}

li { font-size: 1.5em;
font-family: "fira-sans-2", sans-serif;
font-weight: 400;
font-style: normal;
color: #000;
margin-bottom: 0;
text-align: center;
  }

ul {
  list-style-type: none;
}

/* SCHEDULE PAGE */
.content-schedule {
  grid-column: col / span 12;
  display: grid;
  grid-row: row 3 ;
}

.schedule-item {
  display: grid;
  grid-template-columns: 2fr 4fr 6fr;
  grid-template-rows: auto;
  min-height: 50px;
  border-bottom: 2px dotted #000;
  margin: 1em 0 1em;
}
.schedule-item > a {
  font-size: 3em;
}

h2 {
  font-size: 2.25em;
  font-family: "gopher", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
}

h3 {
  font-size: 2.25em;
  font-family: "gopher", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
}

/* READINGS PAGE */

a.rr {
  color: #333;
  font-size: .6em;
  font-family: fira-mono, monospace;
font-style: normal;
font-weight: 400;
}
.content-readings {
  grid-column: col / span 12;
  display: grid;
  grid-row: row 3 ;
}

.readings-item {
  display: grid;
  grid-template-columns: 4fr 8fr;
  grid-template-rows: auto;
  min-height: 50px;
  border-bottom: 2px dotted #000;
  margin-bottom: 2em;


}

li.readingitem {
  text-align: left;
  list-style-type: none;
  padding-bottom: .5em;


}


h1.tenpx {
  padding-left: .1em;
}