#main {
  width: 95%;
  margin: auto;
  border: .05em #1a237e solid;
  border-radius: .5em;
  min-height: 80%;
  background-color: white;
  box-shadow: 10px 10px 30px #1a237e;
}

body {
  background: repeating-linear-gradient(
    0deg,
    #3F51B5 4%,
    #3F51B5 6%,
    #3949ab 70%, 
    #3F51B5 6%
  );
}

hr {
  border: 0; 
  height: 1px; 
  background-image: linear-gradient(
    to right, 
    rgba(0, 0, 0, 0), 
    rgba(0, 0, 0, 0.75), 
    rgba(0, 0, 0, 0)
  ); 
}

.bar {
	border-bottom: .2em solid #009688;
}

nav ul li a {
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 19px;
  font-weight: bold;
  display: inline-block;
  width:13vw;
  padding: 2vh 2vw 2vh 3vw;
  transition-duration: 250ms;
}

nav ul li a:hover { background-color: #009688; text-shadow: .1vw .1vh .05em black;}

nav ul li {
  display: inline-block;
  position:relative;
  left: 2%; 
}

nav ul {
  height: auto;
  background-color: #1a237e;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-shadow: 1px 1px 3px #1a237e;
}

nav{
  width:100%;
  position: sticky;
  top: 0vh;
  left: 0;
}

header img {
  height: auto;
  max-height:70vh ;
  width: 100%;
}

h1 {
 font-family: Impact, fantasy;	
}

header {
  text-align: center;
}

#content {
  margin-left: 3vw;
  margin-right: 3vw;
  margin-bottom: 3vw;
  margin-top: 1vw;
  box-shadow: 2px 5px 8px grey;
  border-radius: 10px;
  border: 1px solid #F5F5F5;
}

.text {
  padding-right: 5vw;
  padding-left: 5vw;
  padding-bottom: 2vh;
  padding-top: 2vh;
  font-size: 17px;
}

.table {
	padding: 2vh 5vw 2vh 5vw;
}

.table td, th {
	border: .05em solid grey;
    text-align: center;
    padding: 2% 0 2% 0;
	width: 70vw;
}

.table tr:nth-child(even) {
	background-color: #dddddd;
}

footer {
	background-color:#1a237e;
	text-align: center;
	padding: 2vh;
	width: auto;
	color: white;
	font-weight: bold;
}

p a {
	text-decoration: none;
	color: #009688;
	font-weight: bold;
}

p a:hover {
	text-shadow: .1vw .1vh .05em #009688;
}

.next {
	background-color: white; 
    color: black; 
	border: .3em solid #009688;
	transition-duration: 0.3s;
	padding: 2%;
	margin: 2%;
	margin-left: 75%;
	border-radius: 2em;
}

.next:hover {
    background-color: #009688;
    color: white;
	border: 1px solid rgba(255, 255, 255, .4);
}

