@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap);:root{--image-brightness:0}.audio{margin-top:30px;display:flex;justify-content:center;align-items:center}@media (min-width:1024px){.responsive-text{font-size:30px}.image img{max-height:150px;max-width:120px}}@media (max-width:1023px){.responsive-text{font-size:24px}.image img{max-height:120px;max-width:90px}}body{min-width:500px}audio{display:none}.lock-buttons{pointer-events:none}img.reverse{position:absolute;width:217px;left:-9px;top:-10px;z-index:0;opacity:.5}.btn{display:flex;justify-content:center;width:100%;padding-top:40px}.record{font-size:30px;margin-top:30px}.record,h1{text-align:center}.card{width:220px;position:relative;margin-bottom:20px;margin-top:20px;box-shadow:6px 5px 10px 5px rgba(0,0,0,.2);border-radius:6px;border:10px solid #040f72;padding:10px;transform-style:preserve-3d;transform:rotate3d(2,5,0,18deg);-webkit-animation-duration:2.8s;animation-duration:2.8s;-webkit-animation-name:fx3d;animation-name:fx3d;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.card,img.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img.button{width:120px;cursor:pointer;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{to{transform:scale(1)}50%{transform:scale(1.2)}0%{transform:scale(1)}}@keyframes bounce{to{transform:scale(1)}50%{transform:scale(1.2)}0%{transform:scale(1)}}@-webkit-keyframes fx3d{to{transform:rotate3d(2,5,0,18deg)}50%{transform:rotate3d(-2,-5,0,18deg)}0%{transform:rotate3d(2,5,0,18deg)}}@keyframes fx3d{to{transform:rotate3d(2,5,0,18deg)}50%{transform:rotate3d(-2,-5,0,18deg)}0%{transform:rotate3d(2,5,0,18deg)}}.w3-container{padding:0!important;font-size:11px;transition:2.1s ease-in-out}.progress{width:300px}.container-progress{width:100%}.container-progress,.info{display:flex;justify-content:center}.info{align-items:center;font-size:16px;margin:10px 40px 40px 40px;perspective:1500px}.info div{display:block;text-align:center;background:#fff}.box{padding:10px;box-shadow:5px 5px 11px 6px rgba(0,0,0,.2);border-radius:50px;width:85px;transform-style:preserve-3d;transform:rotate3d(2,5,0,18deg);-webkit-animation-duration:2.8s;animation-duration:2.8s;-webkit-animation-name:fx3d;animation-name:fx3d;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fails{color:#a00;align-self:flex-start;left:47px;z-index:2}.fails,.success{position:relative;border:8px solid #040f72}.success{color:#0a0;align-self:flex-end;bottom:0;right:47px}.options{display:flex;justify-content:center}.options ul{list-style:none;margin:0;padding:0}.options ul li{background:#040f72;background:linear-gradient(90deg,#040f72,#7580e2);margin:10px 0;padding:3px;width:300px;text-align:center;border-radius:3px;box-shadow:0 0 6px 3px rgba(0,0,0,.2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.options ul li,.options ul li:hover{color:#fff;transition:.3s ease-in-out}.options ul li:hover{background-color:#0c52eb}.image{display:flex!important;justify-content:center;align-items:center;height:260px}.image img{position:absolute;z-index:1;filter:brightness(var(--image-brightness));transition:.5s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}body{background-color:#bbb;font-family:Rubik,sans-serif}