body,html{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}.clickable{cursor:pointer}*,:after,:before{box-sizing:inherit}.App-header{align-items:center;background-color:#222;color:#fff;display:flex;height:40px;justify-content:space-between;padding:0 20px}.App-header h1{font-size:16px;font-weight:200}.App-logo{height:60%;width:auto}.App-main{border:1px solid #add8e6;height:75vh;position:relative;width:100vw}@media (min-width:600px){.App-main{height:75vh;margin:10px auto;width:75vw}}.App-mask{align-items:center;background:rgba(27,134,144,.4);color:#fff;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:100}.App-mask.hidden{display:none}.App-mask .react-spinner{position:absolute}.App-mask .message{font-size:1.2rem;font-weight:200;text-align:center}.App-mask .message.error{padding:15px}.App-mask .message.error h3{margin-bottom:30px}.App-mask .message.with-spinner{position:absolute;top:57.5%}.App-mask .message.button{border:1px solid #fff;border-radius:6px;padding:20px 40px}.App-footer{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.App-footer>b{margin-left:4px}.App-buttons{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.App-buttons button{margin:10px}.App-video-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}