html{margin:0px;height:100%;}
body{margin:0px;height:100%;box-sizing:border-box;padding:2%;text-align:center;line-height:0;font-family:sans-serif;font-size:2vmax;color:#ffffff;background-color:#000000;background:linear-gradient(#000000, #111111);animation-name:show;animation-duration:1s;}
@keyframes show{from{opacity:0;}to{opacity:1;}}
main{position:relative;display:inline-block;height:100%;}
article{height:100%;}
nav{position:absolute;bottom:10%;box-sizing:border-box;width:100%;padding:2%;text-align:center;line-height:normal;}
video{border-radius:1vmax;width:100%;height:100%;}
details{display:inline-block;border-radius:1vmax;box-sizing:border-box;padding:2%;background-color:#ffffff;transform:rotateX(180deg);}
summary{list-style-type:'+ ';color:#000000;cursor:pointer;transform:rotateX(-180deg);}
details[open] summary{list-style-type:'- ';}
a{border-bottom:solid;text-decoration:none;color:#000000;background-color:#ffffff;transition:0.1s;}
a:hover{opacity:0.5;transition:0.1s;}