/* Bradley Allen, S247599*/

/* Full Site Styling */

.title{
	font-family: "Lucida Console";
	color: white;
	background-image:linear-gradient(#020c1c, #072b66, #020c1c);
	grid-column: 1 / 5;
	grid-row: 1 / span 1;
	text-align: center;
	padding: 20px;
	}

.navigation {
	grid-column: 1 / span 1;
	grid-row: 2 / 5;
	background-image: linear-gradient(to left, #4e545c, #7a818c, #7a818c, #4e545c);
	padding-top: 50px;
	border: outset;
}

.navigation p {
	background-color: white;
	margin: 70px 15px;
	padding: 10px 1px;
	text-align: center;
	border: outset;
	border-radius: 40%;
	font-size: 11px;
	font-family: "Lucida Console";
	font-weight: bold;
}


/* Main Page */

.grid-container{
  display: grid;
  grid-template-columns: minmax(100px,155px) 1fr 1fr 1fr;
  grid-template-rows: 15% 20% 1fr 1fr;
  min-height: 700px;
  max-height: 800px;
  margin: 0 auto;
}
.body {
	grid-column: 2 / 3;
	grid-row: 2 / 5;
	color: black;
	background-color: rgba(255, 255, 255, 0.50);
	text-align: left;
	z-index: 10;
	padding-top: 25px;
}
.body p {
	padding: 10px;
	margin: 10px;
}

.body h6 {
	padding: 10px;
	margin: 10px;
	font-size: 8px;
}

.image {
	grid-column: 2 / 5;
	grid-row: 2 / 5;
	text-align: left;
	margin: 50px, 50px;
	border: inset;
}
.image img{
	min-height: 100%;
	min-width: 100%;
	max-width: 100%;
	max-height: 100%;
}

/* Topic Page */

.grid-topic {
  display: grid;
  grid-template-columns: minmax(100px,155px) 1fr 1fr 1fr;
  grid-template-rows: 15% 20% 1fr 1fr;
  min-height: 700px;
  max-height: 800px;
  margin: 0 auto;
}
.information {
	color: black;
	grid-column: 2 / 5;
	grid-row: 2 / 5;
	background-color: white;
	text-align: left;
	border: inset;
	padding-right: 15px;
	padding-left: 15px;
    overflow: scroll;
}

/*Reference Page */

.grid-references {
  display: grid;
  grid-template-columns: minmax(100px,155px) 1fr 1fr 1fr;
  grid-template-rows: 15% 20% 1fr 1fr;
  min-height: 700px;
  max-height: 800px;
  margin: 0 auto;
}

.refs {
	color: black;
	grid-column: 2 / 5;
	grid-row: 2 / 5;
	background-color: white;
	text-align: left;
	padding-left: 15px;
	border: inset;
}


