html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{box-sizing:border-box;background-color:#1d1b22;font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}.table{display:grid;grid-template-columns:repeat(5,133px);grid-template-rows:repeat(5,133px);grid-gap:10px}.button{width:110px;height:110px;overflow:hidden;border-radius:5px;background-color:#282a37;transition:background-color .3s;display:flex;justify-content:center;align-items:center;font-size:14px;text-align:center;padding:10px;cursor:pointer}.button:hover{background-color:#3a3c4c}.button.checked{background-color:#5e208d;color:#fff}.button.white{color:#fff}.button.blue{color:#24b1e0}.button.green{color:#32d267}.button.yellow{color:#f7d63d}.button.purple{color:#a02ee1}.button.orange{color:#f7a72d}.capy{width:110px;height:110px;border-radius:5px;background-color:#5e208d;transition:background-color .3s;display:flex;justify-content:center;align-items:center;font-size:14px;text-align:center;padding:10px}.capy img{width:70%}.bingo{display:flex;justify-content:center;flex-direction:column;align-items:center}.bingo .title{text-align:center;font-size:40px;font-weight:600;color:#fff;margin:30px 0}.bingo .reset{background-color:transparent;color:#ffffff9f;padding:0;border:none;border-radius:5px;font-size:12px;cursor:pointer;text-transform:uppercase;font-weight:600;display:block;margin-top:15px;transform:translate(300px);transition:all .1s}.bingo .reset:hover{color:#fff}.bingo .left-bar{box-sizing:border-box;position:fixed;top:0;left:0;width:50px;height:calc(100% - 25px);background-color:#333846;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.bingo .left-bar img{width:43px}.bingo .bottom-bar{box-sizing:border-box;position:fixed;bottom:0;left:0;width:100%;height:25px;background-color:#191919;border-top:1px solid #212328;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.bingo .bottom-bar img{height:18px}.roulette{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100vh}.roulette .title{text-align:center;font-size:40px;font-weight:600;color:#fff;margin:30px 0}.roulette .board{background-color:#282a37;border-radius:5px;padding:20px;width:600px;height:600px;display:flex;justify-content:center;align-items:center;position:relative}.roulette .board .quote{font-size:36px;font-weight:700;color:#fff;display:block;text-align:center}.roulette .board .quote.white{color:#fff}.roulette .board .quote.blue{color:#24b1e0}.roulette .board .quote.green{color:#32d267}.roulette .board .quote.yellow{color:#f7d63d}.roulette .board .quote.purple{color:#a02ee1}.roulette .board .quote.orange{color:#f7a72d}.roulette .board button{font-size:20px;color:#ffffff9f;margin-top:auto;background-color:transparent;cursor:pointer;border:none;position:absolute;bottom:25px;left:50%;transform:translate(-50%);text-transform:uppercase;font-weight:600;transition:all .1s}.roulette .board button:hover{color:#fff}.roulette .reset{background-color:transparent;color:#ffffff9f;padding:0;border:none;border-radius:5px;font-size:12px;cursor:pointer;text-transform:uppercase;font-weight:600;display:block;margin-top:25px;transform:translate(270px);transition:all .1s}.roulette .reset:hover{color:#fff}.roulette .left-bar{box-sizing:border-box;position:fixed;top:0;left:0;width:50px;height:calc(100% - 25px);background-color:#333846;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.roulette .left-bar img{width:43px}.roulette .bottom-bar{box-sizing:border-box;position:fixed;bottom:0;left:0;width:100%;height:25px;background-color:#191919;border-top:1px solid #212328;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.roulette .bottom-bar img{height:18px}