body{
font-family: "Gill Sans", sans-serif;
background-color:#222;
}
.header{
background-color:#222;
color:#eee;
font-size:1.5rem;
padding:.2rem;
margin-bottom:1rem;
}
.video-title{
font-size:1.8rem;
margin-bottom:.5rem;
}
.video-tile{
text-align:center;
margin-bottom:1rem;
}
.video-panel{
display:inline-block;
background-color:whitesmoke;
width:710px;
padding:1rem;
}
.copy-button:hover{
background-color: green;
}
.copy-button{
z-index:10;
background-color: darkgreen;
border: none;
color: white;
border-radius:4px;
padding: 4px 10px;
position:absolute;
top: 5px;
right: 5px;
}
summary{
text-align:left;
margin-left:8px;
}
.code-pane{
position:relative;
border-radius:7px;
font-family:monospace;
white-space: pre-wrap;
padding:.5rem 1rem;
background-color:#222;
color:lightgreen;
margin:.2rem 0 1rem;
min-height:1.2rem;
text-align:left;
}
.prior-links{
text-align:left;
padding-left:1rem;
line-spacing:2rem;
}
.link-holder a{
text-decoration:none;
color:green;
padding:5px;
border-radius:2px;
}
.link-holder{
margin:1rem;
}
.link-holder a:hover{
background-color:white;
}
.submit-data{
text-align:left;
background-color:lightgray;
padding:1rem 2rem;
}
.error-message{
color:red;
font-weight:bold;
}