@import url(https://fonts.googleapis.com/css?family=Caveat);nav img{width:100px}.bar[data-v-57e87cf9]{width:0;height:30px;-webkit-transform:translateX(0) scaleX(1);transform:translateX(0) scaleX(1);-webkit-transition:all .3s;transition:all .3s}.photo-capture .upload-actions[data-v-575f2c77]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:10px 5px}.photo-capture .video-container[data-v-575f2c77]{text-align:center}.photo-capture .video-container .camera[data-v-575f2c77],.photo-capture .video-container .preview[data-v-575f2c77]{width:200px;height:200px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-top:10px}.photo-capture .video-container .camera[data-v-575f2c77]{-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:FlipH;filter:FlipH}.photo-capture .video-container .photo-capture-actions[data-v-575f2c77]{margin:27px 0 0 0}.photo-capture .video-container .photo-capture-actions button[data-v-575f2c77]:not(:last-child){margin-right:20px}.register-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:320px;margin:0 auto;padding:20px;background-color:#e6e6e6;border-radius:6px}.register-container .register-title{text-transform:uppercase;color:#c60000}.register-container .capture-container{position:absolute;z-index:1;top:15px;bottom:0;left:0;right:0;background-color:#fff;-webkit-transform:translateY(500px);transform:translateY(500px);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.register-container .capture-container.show{-webkit-transform:translateY(0);transform:translateY(0)}.register-container .img-container .img-preview{position:relative;margin:1em auto;width:160px;height:160px;background-size:cover;background-position:50%;border:1px solid #fff;border-radius:50%}.register-container .img-container .img-preview .btn-set-photo{position:absolute;bottom:-4px;right:7px;font-size:35px}.register-container .img-container .verify-image{z-index:2;background-size:20%;background-image:url(../img/binary-back.be416ace.png);-webkit-animation:animatedBackground 5s linear 1 forwards;animation:animatedBackground 5s linear 1 forwards;background-position:0 0;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}@-webkit-keyframes animatedBackground{0%{background-position:0 0;opacity:1}to{background-position:100% 0;opacity:0}}@keyframes animatedBackground{0%{background-position:0 0;opacity:1}to{background-position:100% 0;opacity:0}}.register-container .form-register{width:100%;overflow:hidden;position:relative;padding:2px}.picked{border:1px solid grey;width:300px;margin:auto;text-align:center;-webkit-transition:1s;transition:1s}.final{background-color:gold;-webkit-animation:animateBG 2s infinite;animation:animateBG 2s infinite}@-webkit-keyframes animateBG{0%{background:#c60000}50%{background:gold}to{background:#c60000}}@keyframes animateBG{0%{background:#c60000}50%{background:gold}to{background:#c60000}}body{background-color:#111;color:#fff;font-family:Caveat,cursive;font-size:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}h1{color:#c60000}.muted{-webkit-filter:blur(.5rem);filter:blur(.5rem)}.center{text-align:center}.btn{border:0;padding:.5em 1em;color:#ccc;border-radius:4px;background:#c60000;text-decoration:none;-webkit-transition:.5s;transition:.5s}.btn:hover{background:#ff2d2d;cursor:pointer;color:#fff}.btn:disabled{background:#600000;color:#000}.btn-identify{border:0;padding:.5em 1em;border-radius:4px;background:#c60000;text-decoration:none;-webkit-transition:.5s;transition:.5s;float:right;font-size:16px;color:#ccc;width:100%;height:40px;border-radius:8px}.btn-identify:hover{background:#ff2d2d;cursor:pointer;color:#fff}.btn-identify:disabled{background:#600000;color:#000}.btn-register{border:0;padding:.5em 1em;color:#ccc;border-radius:4px;background:#c60000;text-decoration:none;-webkit-transition:.5s;transition:.5s}.btn-register:hover{background:#ff2d2d;cursor:pointer;color:#fff}.btn-register:disabled{background:#600000;color:#000}.btn-set-photo{border:0;padding:.5em 1em;color:#ccc;border-radius:4px;background:#c60000;text-decoration:none;-webkit-transition:.5s;transition:.5s;background:none;padding:0;color:#c60000}.btn-set-photo:hover{background:#ff2d2d;cursor:pointer;color:#fff}.btn-set-photo:disabled{background:#600000;color:#000}.btn-set-photo:hover{background:none;color:#ff2d2d}.btn-show{border:0;padding:.5em 1em;color:#ccc;border-radius:4px;background:#c60000;text-decoration:none;-webkit-transition:.5s;transition:.5s;margin:10px;padding:.4em;font-size:.8em}.btn-show:hover{background:#ff2d2d;cursor:pointer;color:#fff}.btn-show:disabled{background:#600000;color:#000}.btn-done{border:0;padding:.5em 1em;color:#ccc;border-radius:4px;background:#c60000;text-decoration:none;-webkit-transition:.5s;transition:.5s;position:absolute;top:20px;right:20px}.btn-done:hover{background:#ff2d2d;cursor:pointer;color:#fff}.btn-done:disabled{background:#600000;color:#000}.btn-capture{border:0;padding:.5em 1em;color:#ccc;border-radius:4px;background:#c60000;text-decoration:none;-webkit-transition:.5s;transition:.5s;font-size:16px;width:50px;height:50px;border-radius:50%;padding:0;color:#fff}.btn-capture:hover{background:#ff2d2d;cursor:pointer;color:#fff}.btn-capture:disabled{background:#600000;color:#000}.field{position:relative;border-radius:8px;height:40px;margin:0 0 20px 0;color:#adb5bd}.field .field-icon{position:absolute;top:0;bottom:0;left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.field .field-icon:after{content:"|";font-family:sans-serif;margin:0 0 0 6px}.field .field-icon .fas{font-size:16px;color:#adb5bd}.field .field-input{outline:none;margin:0;padding:0;left:0;height:100%;padding:0 15px 0 47px;border-radius:8px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border:1px solid transparent;font-size:16px}.field .field-input:active,.field .field-input:focus,.field .field-input:hover{border-color:#0e62ea}.candidates>section{display:inline-block;margin:5px;border:1px solid grey;padding:5px;border-radius:5px;text-align:center;-webkit-transition:.5s;transition:.5s;cursor:pointer}.candidates>section:hover{background-color:#c60000}.candidates.disabled>section:hover,.candidates.disabled h3:hover{background-color:#c2b469}.candidates.voted{font-size:.8em}.candidates.voted img{width:100px}.img-user{width:200px;border-radius:10px}.img-most-voter{width:200px;height:200px}.img-most-voter,.img-voter{margin-top:50px;border-radius:50%}.img-voter{width:50px;height:50px}.voter{list-style:none;display:inline-block;margin-left:5px}.vote-results{background-color:#040404;padding:1em}.vote-results ol{text-align:left}.vote-results ol span:first-of-type{color:#ff0;text-transform:capitalize}.vote-results ol span:nth-of-type(2){color:pink}