@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{color:#fff;font-family:"Titillium Web","Montserrat",Arial,Helvetica,sans-serif;min-height:100vh;background-image:url("../images/1920x1080.jpeg");background-size:cover}@keyframes bounce{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(0, 30px, 0)}}header{background-color:#ea5b0b;display:flex;justify-content:center;padding:1rem}main{display:flex;flex-direction:column}.container{display:flex;flex-direction:column;min-height:100vh;background-color:rgba(204,205,207,0)}.container #arrow{height:100px;width:100px;animation:bounce .5s;animation-direction:alternate;animation-iteration-count:infinite}.win-spacer{padding:1rem}.win-prize{font-size:x-large;font-weight:600;margin:.5rem}.hero-text{padding:1rem 0;margin:0 0 2rem 0;background-color:#2c2c2c;color:#fff;text-align:center;font-family:"Titillium Web","Montserrat",Arial,Helvetica,sans-serif}.win-tooltip{font-size:.8rem;font-style:italic}#spin-btn{padding:1.5em 5em 1.5em 5em;background-color:#ea5b0b;color:#fff;font-family:"Titillium Web","Montserrat",Arial,Helvetica,sans-serif;font-size:medium;border-radius:5px;border-color:#ea5b0b;cursor:pointer;box-shadow:0px 0px 200px rgba(23,4,17,.39)}#spin-btn:hover{transform:scale(1.1);transition:all .5s}#spin-btn:disabled{transition:all 1s;color:#d3d3d3;background-color:gray;border-color:gray;transform:none;cursor:default}.wheel-grayscale{filter:grayscale(100%)}.header,.wheel,.winner-card,.button{display:flex;justify-content:center}.winner-card{flex-direction:column;background-color:#fff;border-radius:10px;padding:2em;margin:0 5em 0 5em;display:none;border:4px solid #aaa;color:#000}.card-header,.card-text,.card-button{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:2em}.button{margin-top:3em;margin-bottom:1em}.card-button a{text-decoration:none;color:#fff;margin:0 5em 0 5em}.card-button a button{padding:1em;background-color:#ea5b0b;border-radius:5px;border-color:#ea5b0b;width:100%;color:#fff;font-family:"Titillium Web","Montserrat",Arial,Helvetica,sans-serif;font-size:medium;cursor:pointer}.card-button a button:hover{transform:scale(1.05);transition:all .5s}.wheel{flex-direction:column;align-items:center}.rotate-wheel{transform:rotate(745deg);transition-duration:7s}@media only screen and (max-width: 720px){body{width:100%}.container{display:flex}.container .header{display:flex;align-items:center;text-align:center}.container .wheel img{width:300px;height:300px}.container .wheel #arrow{width:75px;height:75px}}@media only screen and (max-width: 520px){body{width:100%;font-size:smaller}.container{display:flex}.container .header{display:flex;align-items:center;text-align:center}.container .wheel{flex-direction:column;align-items:center}.container .wheel #arrow{width:50px;height:50px}.card-button a{text-decoration:none;color:#fff;margin:0 .5em 0 .5em}.card-button a button{padding:1em;background-color:#ea5b0b;border-radius:3px;border-color:#ea5b0b;color:#fff;cursor:pointer}.card-button a button:hover{transform:scale(1.05);transition:all .5s}}.general-message{padding:1em;background-color:#fff;background-size:cover;color:#000;border-radius:8px;display:flex;flex-direction:column;justify-items:center;align-items:center;margin:auto}.general-message .info-message{margin:1em 0}