body{
	color: #000;
	font-family: 'Fira Sans', sans-serif;
}

 /* ---- Set up site grid ----*/
.wrapper {
	display: grid;
	grid-template-columns: 1fr 300px;
	grid-template-rows: auto;
	grid-template-areas:
	    "header header"
		"nav nav"
		"main aside"
		"footer footer";
	grid-gap: 4px;
}

header {
	grid-area: header;
	background-color: #14cac7 
}
    
nav {
	grid-area: nav;
	background-color: #81db93 /* slime green */
}

main {
	grid-area: main;
	background-color: #f8dd4b /* sunshine yellow */

}

aside {
	grid-area: aside;
	background-color: #fc9c2d /* orange */
}

footer{
	grid-area: footer;
	background-color: #df6064 /* salmon pink */
}

/* ---- General formatting ----*/
.box {
  padding: 20px;
  border-radius: 10px;
}
  


h1{
	  font-family: 'Arimo', sans-serif;
	  font-size: 200%;
	  padding-left: 150px;
	  
}

img.roundleft{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 1px 0px 10px #000;
	float: left;

}


/* ---- Link Formatting ---- */

/* Links in the main section & Sidebar */
a:link {color:#f8dd4b;} /* sunshine yellow */
a:visited {color: #df6064}/* salmon pink */
a:hover {color:#333;} /* Grey */

/* Top Navigation */
nav a{text-decoration: none;}
nav a:link, nav a:visited {color: #f8dd4b;} /* sunshine yellow */
nav a:hover {color: #fc9c2d;} /* orange */




/* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* drop down Content (Hidden by Default) */
/* Customised from
https://www.w3schools.com/Css/css_dropdowns.asp*/




/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

/* --- Google Form Styling --- */

iframe{
	width: 85%;
    height: 754px;
	margin: auto;
	border: 0;
}