.container{margin:0 auto;max-width:900px;padding:0 20px}.btn{border:none;color:#000;cursor:pointer;font-weight:700;padding:15px;text-transform:uppercase;transition:all .3s ease}.btn,.btn:hover{background:#ff7300}.btn:hover{color:#fff}.btn:active{background:gray;color:#fff}.app{align-items:center;flex-direction:column;height:100vh;overflow:hidden}.app,header{display:flex}header{background-color:#ff7300;color:#fffdfd;height:80px;justify-content:flex-start;width:100%}.main-container{align-items:center;display:flex;flex-direction:column;max-height:calc(100vh - 100px);overflow:auto;padding:1rem 2rem}.camera-container{border:4px solid #ff7300;height:40vw;margin-top:2rem;max-height:480px;max-width:640px;position:relative;width:60vw}.camera-viewfinder{border-image-repeat:stretch;border-image-slice:20;border-image-width:10px;border-width:10px;height:100%;left:50%;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}h1{font-size:1.5rem;margin-top:2rem}.logo{height:100px;margin:0 auto;width:100px}.camera-capture{display:none}#miBoton{background:#ff7300;border:none;border-radius:50px;box-shadow:0 3px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;text-align:center;text-decoration:none;transition:all .3s ease}#miBoton:hover{box-shadow:0 0 0 5px #fff;color:#fff}#miBoton:active{box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-transform:translateY(2px);transform:translateY(2px)}body{font-family:Helvetica Neue,Arial,sans-serif}.logo-container{margin-left:20px;width:100px}.logo{height:80px;object-fit:contain;width:120px}.spinner{-webkit-animation:spin 1s ease infinite;animation:spin 1s ease infinite;border:4px solid rgba(0,0,0,.1);border-left-color:#09f;border-radius:50%;height:36px;width:36px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:600px){.camera-container{height:60vw;width:90vw}.logo{height:80px;width:120px}h1{font-size:1.2rem}.main-container{padding:20px}.camera-capture{display:none}.app{height:50vh}body{font-family:Helvetica Neue,Arial,sans-serif}.logo-container{height:50px;width:80px}}
/*# sourceMappingURL=main.9e5488f3.css.map*/