*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{color:#000;background-color:#edebed;background-image:url(patpull.b2d0af1b.jpg);background-repeat:repeat;flex-direction:column;justify-content:center;align-items:center;font-family:sans-serif;display:flex}main{grid-row-gap:.3rem;grid-template-columns:1fr 46px;max-width:800px;display:grid}main>button{background-color:#edebed;border:2px solid peru;grid-row:span 2;margin:0;padding:0;transition:background-color .4s}main>button:hover{background-color:#ccc}.m{margin:.2rem .8rem}.panel{background-color:#ffffffe6;border:6px ridge peru;padding:.8rem}.slot-panel{padding-top:2.5rem;position:relative}.buttons{flex-wrap:wrap;justify-content:space-between;display:flex}.slots{justify-content:space-around;width:380px;margin:0 auto;display:flex}.slots>div{background-image:url(slot-110.1240ba15.png);background-repeat:repeat-y;border:2px ridge peru;width:110px;height:110px}.slots :first-child{transition:background-position 1s}.slots :nth-child(2){transition:background-position 2s}.slots :nth-child(3){transition:background-position 3s}.mt-1{margin-top:1rem}h1{text-align:center;color:purple;text-shadow:0 0 8px #222;background-color:#fff9;border:2px solid peru;padding:.7rem;font-size:3rem}.buttons span{font-weight:700}#status{border-bottom:6px ridge peru;border-left:6px ridge peru;justify-content:center;align-items:center;width:300px;height:44px;font-size:28px;font-weight:bolder;animation:3s infinite zomg;display:flex;position:absolute;top:0;right:0}@keyframes zomg{0%,to{color:#7ccdea}16%{color:#0074d9}32%{color:#2ecc40}48%{color:#ffdc00}64%{color:#b10dc9}80%{color:#ff4136}}@media (width<=600px){.slots{width:290px}.slots>div{background-image:url(slot-90.d33f28f7.png);width:90px;height:90px}.slot-panel{grid-column:span 2}main>button{grid-area:2/2}main{width:100%}.panel{padding-left:.2rem;padding-right:.2rem}.buttons button{margin-bottom:1rem}h1{font-size:2.3rem}}
/*# sourceMappingURL=declarative.62a5056c.css.map */