body,html{width:100%;height:100%;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.wrapper{width:100%;min-width:500px}.logo-wrapper{margin:0 auto 25px;text-align:center}.logo{max-height:90px}#webcam-wrapper{border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);margin:0 auto;width:416px;height:416px;position:relative;display:flex;justify-content:center;overflow:hidden}.rect{position:absolute;border:1px solid red;font-size:24px}.rect .label{background:#fff;color:#000;display:inline;opacity:.8;font-size:12px;padding:3px;text-transform:capitalize;white-space:nowrap}.intro{max-width:908px;margin:0 auto;padding:15px}.intro h1{font-weight:300;font-weight:2rem}.intro p{font-weight:300;font-size:20px;line-height:1.4}#error-message{text-align:center;margin:25px 0}#success-message{max-width:450px;margin:25px auto;color:#00c13f;line-height:1.5}#loading-message,#success-message{text-align:center}.spin{width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}