body {
    margin:0px;
    padding:0px;
    background-color:black;
    color:aquamarine;
    font-family:Arial;
}
.container{
    width: 60%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.navcontaner{
    font-size: 1.25em;
    padding-bottom: 3em;
}
.navlink{
    float:left;
    margin-right: 1.5em;
}
.navlinkactive {
    color: azure;
    float: left;
    margin-right: 1.5em;
}
iframe {
    width: 80%;
    height: 50vh;
    margin-left: auto;
    margin-right: auto;
}
.video{
    text-align: center;
}
.pict{
    width:30%;
}
.largepict{
    width:100%;
}
.footer{
    font-size: 0.75em;
    margin-top: 60px;
    margin-bottom: 40px;
}

a:link {
    text-align: center;
    font-size: 1em;
    color: aquamarine;
    vertical-align: bottom;
    text-decoration:none;
}

a:visited {
    text-align: center;
    font-size: 1em;
    color: aquamarine;
    vertical-align: bottom;
    text-decoration: none;
}

a:hover {
    text-align: center;
    font-size: 1em;
    color: deepskyblue;
    vertical-align: bottom;
    text-decoration: none;
}

a:active {
    text-align: center;
    font-size: 1em;
    color: cadetblue;
    vertical-align: bottom;
    text-decoration: none;
}

@media only screen and (max-width: 500px) {
    .container {
        width: 90%;
    }
}