*{box-sizing:border-box}body{margin:0;padding:0;width:100%;height:100vh;font-family:Montserrat,sans-serif;color:#fff;background-image:linear-gradient(45deg,#a51324,#53348f)}@media (max-width: 800px){body{font-size:.4em}}@media (orientation: landscape){body{font-size:.4em;margin:0 auto;width:800px}}body #app{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;padding:3em 2em}body #app header{text-align:center;font-size:2em}body #app header p{font-size:1.3em}body #app main.roleta-container{position:relative;border-radius:50%;max-width:100%;overflow:hidden}@media (orientation: landscape){body #app main.roleta-container{max-width:40%}}body #app main.roleta-container img.destaque{position:absolute;top:0;left:51%;z-index:5;width:40%;transform:translate(-50%);opacity:0}body #app main.roleta-container img.destaque.piscar{animation-name:piscar-destaque;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:3}@keyframes piscar-destaque{0%,to{opacity:1}50%{opacity:0}}body #app main.roleta-container img.roleta{max-width:100%}body #app main.roleta-container img.seta{position:absolute;left:50%;top:25%;transform:translate(-50%);width:20%}body #app footer button{position:relative;background:none;border:none;transition:transform .1s ease-in-out}body #app footer button:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:50%;background-image:radial-gradient(#032756 30%,#E1E2EE 50%,#5799BD,transparent);opacity:0;filter:blur(16px);transform:scale(.97);transition:transform .2s,opacity .2s}body #app footer button img{width:20em}@media (orientation: landscape){body #app footer button img{width:10em}}body #app footer button:active{transform:scale(.97)}body #app footer button.ativo:after{opacity:.8;transform:scale(1.2)}