body{font-family: 'Source Code Pro', cursive,sans-serif;}

header{height: calc(15vw + 10px)}
header img{width: 10vw;float: left;display: block}
header iframe{width: 20vw;height: 15vw;margin-top: -20px;display: block}
h1{text-align: center;color: red;text-decoration: underline;font-size: 3vw}
h1::selection{background: rgba(158, 158, 158, 0.5);color: red}
.search{display: block;padding: 0.5rem 0.75rem;font-size: 1rem;border-radius: 0.25rem;margin-top: 10px}
.search:focus{border: 1px green solid}
.playlist{float: right;text-align: center}
.seeplaylist{width: 20vw}
.seeplaylist>a{color: #bb9713;text-decoration: underline;font-size: 1.25em;animation: letter-spacing 5s infinite linear;display: none}

@keyframes letter-spacing
{
	0%{letter-spacing: 0.1em}
	50%{letter-spacing: 0.5em}
	100%{letter-spacing: 0.1em}
}

footer{margin-top: 50px;border: 1px black solid;border-bottom: none ;text-align: center;font-family: cursive}

iframe{float: right;width: 30vw;height: 20vw}
iframe{display: none}
iframe.videos.show{display: block}

caption{font-size: 1.5em}
tr{padding-left: 50px;width: 100vw}
td{width: 100vw;border-bottom: 1px solid black}
th{width: 100vw;background: #efefef;border: 1px solid gray}

a{color: red}
a:visited{color: #e84545}