* {
        box-sizing: border-box;
}

html {
        background: darkgreen;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
}

body {
        position: relative;
        overflow: hidden;
        max-width: 65em;
        margin: 0em auto;
}

main {
        position: relative;
        overflow: hidden;
        height: 100vh;
}

section {
        padding: 3em 1em 1em;
        width: 100%;
        height: 100vh;
        background: white;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.5s;
}

section:first-of-type {
        opacity: 1;
        transition: all 0.5s;
}

section:target {
        opacity: 1;
}

.team {
        max-width: 40em;
        margin-left: 5em;
        text-align: center;
        position: relative;
        padding: 5em;
}

.team:first-of-type:after {
        content: ':';
        font-size: 8em;
        position: absolute;
        top: .5em;
        right: -0.4em;
}



img{
        border: none;
        top: 10px;
        background-color: none;
}

h1 {
        color: darkgreen;
        text-align:center;
         padding:20px;
         margin:15px;
        font-size: 2.5em;
}

h2 {
        color: darkgreen;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0 0 0.5em 0;
}

h3 {
        color: darkgreen;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
}
h4 {
        color: gold;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        background-color:darkgreen;
}

#navigation {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        margin: 0;
        padding: 1em;
        width: 100%;
        background: darkgreen;
        list-style: none;
}

#navigation li {
        float: left;
        height: 2em;
        text-align: center;
        margin: 0;
        border: solid 1px gold;
        border-radius: .5em;
        line-height: 150%;
        font-family: Arial bold, Helvetica, sans-serif;
        margin: 0 0 0 1em;
}

#navigation li a,
#navigation li a:link,
#navigation li a:visited {
        text-decoration: none;
        display: block;
        height: 2em;
        color: gold;
        font-weight: bold;
        padding: 0.1em 1em;
}

#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active {
        background: gold;
        color: #00296d;
        border-radius: .5em;
}



a {      text-decoration: none;
         target: blank }
a:link { color: green }
a:visited {  color: darkgreen;
        text-decoration: none }
a:hover { font-weight: bold;
         color: #555522;
         text-decoration:none }
a:active { font-weight:bold;
         color: #555522;
         text-decoration:none }