body,html{background:url(/Tenzies-game/static/media/takashi-miyazaki-64ajtpEzlYc-unsplash.5b9ac951909e6f7166fd.jpg);background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0}*{box-sizing:border-box}.container{align-items:center;display:flex;justify-content:center;margin:1em auto;padding:2em 0;width:95%}.title{font-size:45px}.title,.win{color:#5035ff;font-family:Monoton,cursive}.win{font-size:40px}.instructions{color:#fff;font-family:Permanent Marker,cursive;font-size:20px;margin:5px;text-align:center}.App{align-items:center;background-color:#18191f;border:1px solid #5035ff;border-radius:5px;display:flex;flex-direction:column;height:600px;justify-content:center;max-width:750px;padding:5px}.first-face{align-items:center;-webkit-animation:neon 3s linear infinite;animation:neon 3s linear infinite;justify-content:center}.first-face,.second-face{border-radius:5px;box-shadow:2px 2px 2px #00000080,10px 1px 12px #00000080,2px 2px 10px #00000080,2px 2px 3px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080;cursor:pointer;display:flex;height:80px;padding:2px;width:80px}.second-face{align-items:space-between;-webkit-animation:neon 3s ease infinite;animation:neon 3s ease infinite;justify-content:space-between}.second-face .dot:nth-of-type(2){align-self:flex-end}.third-face{align-items:flex-start;-webkit-animation:neon 3s linear .7s infinite;animation:neon 3s linear .7s infinite;border-radius:5px;box-shadow:2px 2px 2px #00000080,10px 1px 12px #00000080,2px 2px 10px #00000080,2px 2px 3px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080;cursor:pointer;display:flex;height:80px;justify-content:space-between;padding:2px;width:80px}.third-face .dot:nth-of-type(2){align-self:center}.third-face .dot:nth-of-type(3){align-self:flex-end}.fourth-face{-webkit-animation:neon 3s linear .2s infinite;animation:neon 3s linear .2s infinite;border-radius:5px;box-shadow:2px 2px 2px #00000080,10px 1px 12px #00000080,2px 2px 10px #00000080,2px 2px 3px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080;cursor:pointer;height:80px;padding:2px;width:80px}.fourth-face,.fourth-face .column{display:flex;justify-content:space-between}.fourth-face .column{flex-direction:column}.fifth-face{-webkit-animation:neon 3s linear .4s infinite;animation:neon 3s linear .4s infinite;border-radius:5px;box-shadow:2px 2px 2px #00000080,10px 1px 12px #00000080,2px 2px 10px #00000080,2px 2px 3px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080;cursor:pointer;height:80px;padding:2px;width:80px}.fifth-face,.fifth-face .column{display:flex;justify-content:space-between}.fifth-face .column{flex-direction:column}.fifth-face .dot:first-of-type{align-self:center}.sixth-face{-webkit-animation:neon 3s linear .5s infinite;animation:neon 3s linear .5s infinite;border-radius:5px;box-shadow:2px 2px 2px #00000080,10px 1px 12px #00000080,2px 2px 10px #00000080,2px 2px 3px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080,inset 2px 2px 10px #00000080;cursor:pointer;height:80px;padding:2px;width:80px}.sixth-face,.sixth-face .column{display:flex;justify-content:space-between}.sixth-face .column{flex-direction:column}.dot{background-color:#fff;border-radius:50%;box-shadow:0 0 50px #0072ff,0 0 100px #0072ff,0 0 150px #0072ff,0 0 200px #0072ff;display:block;height:14px;margin:3px;width:14px}.dice-container{grid-gap:1rem;display:grid;gap:1rem;grid-template:auto auto/repeat(5,1fr);max-height:500px;padding:1.2em}@media (max-width:650px){.App{max-width:95%;min-height:80vh;min-width:330px}.die{height:60px;width:60px}.dot{height:9.5px;width:9.5px}}@media (max-width:475px){.die{height:50px;width:50px}.dot{height:8px;width:8px}}.button{background-color:#5035ff;background-image:linear-gradient(315deg,red,#5035ff 60%);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Permanent Marker,cursive;font-size:1.2rem;height:50px;width:160px}.button:hover{background-image:linear-gradient(315deg,#89d8d3,#5035ff 74%)}button:focus{outline:none}button:active{box-shadow:inset 3px 3px 10px 5px rgba(0,0,0,.7)}@-webkit-keyframes neon{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes neon{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}
/*# sourceMappingURL=main.c2175a64.css.map*/