body {
background-color: #006600;
}

#@-webkit-keyframes scrolling {
#	0% { background-position: 0 0; }
#	100% { background-position: 65.5% 103%; }
#}
#
#@keyframes pulse {
#  from { background-color: #006600; }
#  to { background-color: #33A200; }
#}

a,a.hover,a.visited,a.active {
color: #ccff66;
}

video {
background: url(colorbars.gif) no-repeat;
background-size: 480px 480px;
border-radius:8px;
box-shadow:0px 5px 10px #222;
width: 481px;
height: 481px;
margin: 0 auto;
}

@media only screen and (max-width: 600px) {
  video {
    background: #000 url(colorbars.gif) no-repeat;
    background-size: 320px 320px;
    width: 321px;
    height: 321px;
  }
}

button, input[type="submit"], input[type="reset"] {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}

#texttocopy {
display:none;
}

#copybutton {
color: #ccff66;
font-weight: 600;
}

#copybutton:hover {
text-decoration: underline;
}

.banner {
padding: 0;
margin: -8px auto 0 auto;
}

#overlay {
width: 470px;
height: 470px;
position: absolute;
display: block;
margin: 0 auto;
background: url(muted.png) no-repeat;
background-size: 100px 100px;
padding: -15px;
background-position: bottom right;
z-index: 99999;
}

@media only screen and (max-width: 600px) {
  #overlay {
	width: 310px;
	height: 310px;
	}
}

.chooser {
width: 480px;
height: 480px;
display: block;
margin: 0 auto 10px auto;
background: rgba(0,255,0,0.2);
border-radius: 25px;
text-align: center;
color: white;
}

@media only screen and (max-width: 600px) {
	.chooser {
		width: 310px;
		height: 310px;
		}
}

.chooser h1 {
padding-top: 10px;
text-shadow: 1px 1px 2px #000;
}

.chooser ul {
list-style: none;
padding: 30px;
text-align: center;
}

.chooser li {
font-size: 28px;
padding-bottom: 3px;
}

p, h2 {
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}