body{margin:0;background:url(/images/hexagon_tile.png);background-color:gray;background-size:200px;animation:background-animate 6s linear infinite;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@keyframes background-animate{0%{background-position-x:0;background-position-y:0}to{background-position-x:400px;background-position-y:200px}}#root{box-sizing:border-box;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}section{overflow:hidden;margin:16px;padding:16px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000;color:#fff;width:100%;max-width:500px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}section main{flex-grow:1}section footer{margin:-16px -18px;display:flex}section footer a{padding:10px;text-decoration:none;color:#fff;flex-grow:1;text-align:center;border:1px solid rgba(104,126,156,1);border-bottom:none;border-top:none}section footer a:hover{background-color:#687e9c66}section footer a:active{background-color:#687e9cb3}.header{display:flex;flex-wrap:wrap;align-items:center}.header .icon{display:inline-block;height:5rem}.header h1{margin:0;display:inline-block;font-size:2rem;font-weight:500}section{max-width:200px}main{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:1rem}.videocontainer{flex-basis:100px;flex-grow:1;overflow:hidden}.decor{margin-top:-10px;width:100%}