*,:after,:before{box-sizing:border-box}body,html{height:100%;height:-webkit-fill-available;min-height:100%;min-height:-webkit-fill-available}body{background-color:#5a3900;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0}a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}.count{margin:40px}i{cursor:pointer;position:relative}i :before{bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.stage{background:#fff;background:#1e384c;border-radius:5px;box-shadow:0 10px 20px #0003;height:100%;overflow:hidden;position:relative;transition:background-color .3s;width:100%}.fade-enter-active,.fade-leave-active{transition:all .15s ease}.fade-enter,.fade-leave-to{opacity:0}.menu{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:90vw;z-index:10}.menu__button{right:0}.config__button,.menu__button{cursor:pointer;display:inline-block;padding:1em;position:absolute;top:0;z-index:30}.config__button{left:0}.menu__list{list-style:none;margin:0;padding:0;width:100%}.menu__item{opacity:0;overflow:hidden;transform:translate3d(0,100%,0);transition:transform .4s,opacity .4s}.menu__item a{color:#ffffff80;display:block;font-size:1.8em;font-weight:300;padding:.5em 1.5em;text-decoration:none;text-transform:uppercase}.menu__item a span{display:inline-block;transition:transform .3s;vertical-align:middle}.menu__item a:focus svg,.menu__item a:hover svg{transform:scale(1.2)}.menu__item a:focus .water-glass__water,.menu__item a:hover .water-glass__water{fill:#32bafa;transform:scaleY(.8)}.menu__item a:focus .coffee-cup__coffee,.menu__item a:hover .coffee-cup__coffee{fill:#bf9e87;transform:scaleY(.8)}.menu__item a:focus .beer-glass__beer,.menu__item a:hover .beer-glass__beer{fill:#e18e02;transform:scaleY(.8)}.menu__item a:focus .clock__short,.menu__item a:hover .clock__short{fill:#02c39a;transform:rotate(20deg);transform-origin:0 50%;transition:transform 1s,color .2s}.menu__item a:focus .clock__long,.menu__item a:hover .clock__long{fill:#02c39a;transform:rotate(1turn);transform-origin:50% 95%;transition:transform 1s,color .2s}.menu__item svg{display:inline-block;height:1em;margin-right:1em;transition:transform .3s;vertical-align:middle;width:1em}.menu__item svg path{fill:#fff;transform-origin:100% 100%;transition:all .3s}.content{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:20}.time{font-size:1.1em;overflow:hidden;padding:1em;text-align:center;transition:opacity .5s .2s,transform .5s .2s}.timer__item{color:#fffc;margin-right:10px;transition:all 1s}.timer__item:first-child,.timer__item:nth-child(3){color:#fff3}.timer-enter,.timer-leave-to{opacity:0;transform:translate3d(0,-100%,0)}.timer-leave-to{transition-duration:.5s}.timer-leave-active{transform:translateZ(0)}.panmill{color:#fff;font-size:25px;font-weight:700}.panmill,.percent{position:relative;z-index:2}.percent{color:#ffffffb3;font-size:7em;font-weight:100;transition:opacity .4s .2s,transform .4s .2s}.percent>div{display:inline-block}.percent>span{font-size:.5em;margin-left:-.4em}.percent-left-enter-active,.percent-left-leave-active{transition:transform .1s ease}.percent-left-enter,.percent-left-leave-to{transform:scale(1.05)}.btn{background:#0000;border:1px solid #fffc;border-radius:2em;bottom:1.5em;color:#fffc;cursor:pointer;display:block;font-size:1.1em;font-weight:300;left:0;letter-spacing:1px;margin:auto;outline:none;padding:.6em;position:absolute;right:0;text-transform:uppercase;transition:background .2s,transform .4s .3s,opacity .4s .3s;width:70%;z-index:20}.btn:hover{background:#fff;color:currentColor}.waves{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;transform-origin:bottom center;transition:transform .4s ease;width:100%}@media (min-width:500px){.waves{border-radius:5px}}.wave{animation:wave 1s linear infinite;bottom:0;height:100%;left:0;position:absolute;width:100%}.wave--front{color:#32bafa;z-index:2}.wave--back{animation-direction:reverse;color:#2c7fbe;z-index:1}.water{background:currentColor;bottom:0;height:80%}.water,.water svg{left:0;position:absolute;width:100%}.water svg{bottom:99.9%;right:0}.water:first-of-type{transform:translate(-100%)}svg{fill:currentColor}@keyframes wave{0%{transform:translateZ(0)}50%{transform:translate3d(50%,.5em,0)}to{transform:translate3d(100%,0,0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulseAway{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{transform:scale(1.4)}}div.table-title{display:block;margin:auto}.table-title h3{color:#f1b10f;font-family:Arial,sans-serif;font-size:30px;font-style:normal;font-weight:700;text-shadow:-1px -1px 1px #0000001a}.btn-table,.table-title h3{text-transform:uppercase;width:100%}.btn-table{background:#0000;border:1px solid #fff;bottom:1.5em;color:#fff;cursor:pointer;display:block;font-size:1.1em;font-weight:300;left:0;letter-spacing:1px;margin:auto;outline:none;padding:.6em;right:0;transition:background .2s,transform .4s .3s,opacity .4s .3s}.table-fill{animation:float 5s infinite;background:#5a3900;border-collapse:collapse;border-radius:3px;box-shadow:0 5px 10px #0000001a;margin:auto;padding-top:50px;width:100%}th{background:#f1b10f;border-bottom:4px solid #5a3900;border-right:1px solid #5a3900;color:#fff;font-size:1.1em;font-weight:300;padding:24px;text-align:auto;text-shadow:0 1px 1px #0000001a;vertical-align:middle}th:first-child{border-top-left-radius:10px}th:last-child{border-right:none;border-top-right-radius:10px}tr{border-bottom-:1px solid #5a3900;border-top:1px solid #5a3900;color:#fff;font-size:1.1em;font-weight:300;text-shadow:0 1px 1px #ffffff1a}tr:first-child{border-top:none}tr:last-child{border-bottom:none}tr:last-child td:first-child{border-bottom-left-radius:10px}tr:last-child td:last-child{border-bottom-right-radius:10px}td{background:#f1b10f;border-right:1px solid #5a3900;font-size:18px;font-weight:300;padding:20px;text-align:center;text-shadow:-1px -1px 1px #0000001a;vertical-align:middle}td:last-child{border-right:0}th.text-left{text-align:left}th.text-center{text-align:center}th.text-right{text-align:right}td.text-left{text-align:left}td.text-center{text-align:center}td.text-right{text-align:right}.config h3{color:#fff}.login{border-radius:5px;font-size:16px;margin:16px auto;padding-top:50px;width:90vw}.login p,.login-header{margin-bottom:0;margin-top:0}.login label{display:block;overflow:hidden}.login-header{background:#f1b10f;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-size:1.4em;font-weight:400;padding:20px;text-align:center;text-transform:uppercase}.login-container{background:#ebebeb;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:12px}.login p{padding:12px}.login input,.login select{border-style:solid;border-width:1px;box-sizing:border-box;display:block;font-family:inherit;font-size:.95em;outline:0;padding:16px;width:100%}.login input[type=select]{background:#fff;border-color:#bbb;color:#555}.login-submit{background:#f1b10f;border-color:#fff;border-style:solid;color:#fff;cursor:pointer;font-size:1.65em;padding:8px;width:100%}.login-submit:hover{background:#5a3900}.login-submit:focus{border-color:#05a}
/*# sourceMappingURL=main.c473898c.css.map*/