body {
 font-family: Arial, sans-serif;
 margin: 0;
 padding: 0;
}

header {
 background-color: #f0f0f0;
 padding: 20px;
 text-align: center;
}

 select {
  width: 200px;
 }

nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 line-height: 23px;
}

nav li {
 display: inline-block;
 margin-right: 20px;
}

nav a {
 color: #337ab7;
 text-decoration: none;
}

nav a:hover {
 color: #23527c;
}

main {
 display: block;
 margin: 20px;
}

section {
 background-color: #f9f9f9;
 padding: 20px;
 margin-bottom: 20px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1, h2, h3, h4 {
 color: #333;
}

figure { 
 align-content: 100px 100px ;
 align-items: 100px 100px ;
}

img {
 width: 100%;
 height: auto;
 margin: 20px 0;
}

video {
 width: 100%;
 height: auto;
 margin: 20px 0;
}

footer {
 background-color: #f0f0f0;
 padding: 10px;
 text-align: center;
 clear: both;
}

legend {
 text-align: center;
}