yfrog-video
####
* {box-sizing: border-box;margin: 0;padding: 0;}
body {background: #333333 url(https://img.webme.com/pic/d/darknet13/dark+parquet-512x512.jpg) no-repeat fixed center;background-size: cover;color: #cccccc;font-family: 'IBM Plex Serif', serif;font-size: 1.2em;}
a {color: rgba(137, 196, 244, 1);text-decoration: none;}
#main {margin-left: auto;margin-right: auto;max-width: 53em;}
#mhead {margin-right: 1em;margin-left: 1em;}
#mcontent {background-color: rgba(38,39,39,0.9);margin-right: 0.3em;margin-left: 0.3em;min-height: 25em;box-shadow: 0em 0em 1em 0.4em rgba(0,0,0,0.4) inset;border-radius: 1em;}
#content {padding: 2em;}
#mfooter {min-height: 2em;background-color: rgba(38,39,39,0.9);text-align: center;padding-left: 1em;padding-right: 1em;margin-left: auto;margin-right: auto;max-width: 49em;box-shadow: 0em 0em 1em 0.4em rgba(0,0,0,0.4) inset;}
#header_container, #nav_container, #sidebar_container, #content h2#title,#extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6 {display: none;}
.dropbtn {background:rgba(137,196,244,1) ;color: white;padding: 1em;border: none;cursor: pointer;box-shadow: 0em 0em 0.1em 0.1em rgba(255,255,255,0.4) inset;position: fixed;left:1em;top:1em;border-radius: 1em;}
.dropbtn:active, .dropbtn:focus {background:rgb(122, 175, 219); box-shadow: 0em 0em 0.1em 0.1em rgba(0,0,0,0.4) inset;outline: none;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: fixed;background-color: #f1f1f1;min-width: 10em;box-shadow: 0em 0em 0.5em 0.5em rgba(0,0,0,0.2);z-index: 1;margin-top: 4em;margin-left: 0.7em;}
.dropdown-content a {color: black;padding: 0.5em 1em;text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #ddd}
.show {display:block;}
button div {width: 2em;height: 0.4em;background-color: rgba(250,250,250,0.8);margin: 0.3em 0;pointer-events: none;border-radius: 1em;}
###