html,body{
color:#808080;
background-image:url("../img/bg.jpg");
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
background-attachment:auto;
}

main{
background-color:rgba(255,255,255,0.65);
}

h1{
color:#808080;
}
video{
background-color:rgba(0,0,0,0.5);
}
header{
background-color:#fff;
box-shadow: 0 0 1em rgba(0,0,0,0.5);
}
a{
color:#808080;
}
a:hover,a:active{
color:#80C419;
}
a#home,a#home:visited{
background-color:#ffffff;
color:#808080;
transition:all 0.5s ease;
}
a#menu,a#menu:visited{
color: #808080;
}

a#home:hover,a#home:active{
color:#ffffff;
background-color:#808080;
box-shadow: 0 0 1em rgba(0,0,0,0.5) inset;
}
a#start{
color: #61b200;
}

main ul li:nth-child(odd), main ol li:nth-child(odd){
color:#808080;
background-color: rgba(204,204,204,0.1);
}
main ul li:nth-child(even), main ol li:nth-child(even){
color:#808080;
background-color: rgba(204,204,204,0.2);
}
main ul li.warning, main ol li.warning{
color:#ffffff;
background-color:#990000;
border-radius: 0.5em;
}
nav{
background-color: rgba(128, 128, 128, 0.85);
box-shadow: 0 0 1em rgba(0,0,0,0.5);
}
nav a{
transition: all 1s ease;
border: 0.25em solid #808080;
background-color: #ffffff;
margin: .2em;
}
nav a:hover, nav a:active{
background-color: #dedede;
}

article a{
background-color: #fff;
font-size: 1.5vw;
color:#808080 !important;
text-decoration: none;
}

article a:hover{
background-color: rgb(224,224,224);
}