body{background-color:gray;margin:0;min-width:500px}.header{background-color:hsla(0,0%,100%,.07);display:flex;justify-content:space-around;padding:10px 0;width:100%}.header button{background-color:#fff;border:none;border-radius:5px;font-size:20px;padding:10px 20px}.header .lvl{color:#fff;font-size:40px;font-weight:700}.win{align-items:center;display:flex;flex-direction:column}.win div{color:#fff;font-size:70px;font-weight:700;padding:50px}.win button{background-color:#ff0;border:none;border-radius:20px;color:gray;font-size:40px;font-weight:700;padding:40px 80px}.bottles{display:flex;flex-wrap:wrap;justify-content:center;margin:50px auto;width:75%}.bottle{border:1px solid #d3d3d3;margin:5px;position:relative;top:0;transition:all .1s ease-out;width:50px}.selected{top:-50px}.bottleColorContainer{height:50px;overflow:hidden;width:50px}.bottleColor{height:50px;position:relative;width:50px}@-webkit-keyframes color-pouring{0%{top:0}to{top:50px}}@keyframes color-pouring{0%{top:0}to{top:50px}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes shake{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@media{.pour-in{animation:color-pouring .1s linear reverse}.pour-out{-webkit-animation:color-pouring .1s linear;animation:color-pouring .1s linear;top:50px}.shake{-webkit-animation:shake .1s ease-in;animation:shake .1s ease-in}}.color-0{background-color:initial}.color-1{background-color:#ff8080}.color-2{background-color:#ffc380}.color-3{background-color:#d3ffb8}.color-4{background-color:#80ffe8}.color-5{background-color:#a3d1ff}.color-6{background-color:#8086ff}.color-7{background-color:#8e068e}.color-8{background-color:#ff80ea}.color-9{background-color:#ff1919}.color-10{background-color:#cc6d00}.color-11{background-color:#6eff19}.color-12{background-color:#00d1ab}.color-13{background-color:#198cff}.color-14{background-color:#1925ff}.color-15{background-color:#ab19ff}.color-16{background-color:#ff19d9}
/*# sourceMappingURL=main.8fe6a200.css.map*/