html {
    background-color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: small;
    margin-left: 5px;
    margin-right: 5px;
}

body {
    background-color: white;
    min-width: 800px;
    max-width: 1010px;
    margin: auto;
}

/* Semantic Elements*/

header {
    background-color: gray;
    box-shadow: 5px 5px lightgrey;
    padding: 5px;
}

nav {
    background-color: dimgray;
    box-shadow: 5px 5px lightgrey;
    font-size: medium;
    font-weight: bold;
    padding: 5px;
}

#navlist {
  list-style-type:none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: white;
}

#navlist li {
  float: left;
  text-align: center;
  padding-right: 20px;
}

#navlist li a {
    color: white;
    text-decoration: none;
}

#navlist li a:hover {
    color: white;
    text-decoration: underline ;
}

#navlist li a:visited {
    color: white;
    text-decoration: none;
}

section {
    font-size: small;
}

footer {
    border-top: solid;
    border-width: 1px;
    margin-bottom: 20px;
}

/* Text Elements*/

h1 {
    border-bottom: solid;
    border-width: 1px;
}

h2 {
        color:white;
    background-image: linear-gradient(to right, black , white);
}

a, a:visited, a:hover, a:active {
  color: dimgray;
}


/* Misc Elements*/
.player {
    box-shadow: 5px 5px lightgrey;
}

.gallery {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    box-shadow: 5px 5px lightgrey;
    margin: 5px;
}