.start-screen button{border:3px solid #38290e;font-family:Beaufort;color:#e8deaf;background-color:#0c161d;text-transform:uppercase;font-weight:700;border-radius:8px;padding:.5em 1em;font-size:1.5rem;width:9em;box-shadow:5px 5px 15px 5px #000;cursor:pointer;transition:.15s}.start-screen button:hover{transform:scale(1.2)}.start-screen .active{background-color:#a37a2c;color:#f8e7c7}.start-screen h1{color:#e8deaf;text-transform:uppercase;text-align:center;font-size:2rem;font-weight:700;margin-block:1em}.difficulty h1{margin-top:.5em}.difficulty-buttons,.category-buttons{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1em}button.start-button{display:block;margin-inline:auto;margin-top:2em;border:0;background-color:#be9136;color:#000;width:100%;max-width:300px}.game-screen{padding:1.5em 1em;border-radius:8px;width:100%;min-height:50%}.question{display:flex;height:100%;flex-direction:column}.question-header{font-size:1.5em;text-align:center;font-weight:700;margin-bottom:1em}.answer-choices{display:grid;gap:2em;width:100%;margin-block:auto}.answer-choices button{border:3px solid #38290e;font-family:Beaufort;color:#e8deaf;background-color:#0c161d;border-radius:8px;padding:.5em 1em;font-size:1.5rem;transition:.1s}.answer-choices button:hover{cursor:pointer;transform:scale(1.1);background-color:#18222b}@media only screen and (min-width:820px){.answer-choices{grid-template-columns:repeat(2,auto)}.game-screen{border:3px solid #38290e}}@media only screen and (min-width:1400px){.question-header{margin-block:auto}}.end-screen{padding:1.5em 1em;border-radius:8px;width:100%;min-height:50%;display:flex;flex-direction:column}.current-question{display:flex;flex-direction:column;flex:1}.current-question-header{font-size:1.5em;text-align:center;font-weight:700;margin-bottom:1em}.current-question-choices{display:grid;gap:2em;margin-block:auto;width:100%}.current-question-choice{border:3px solid #38290e;font-family:Beaufort;color:#e8deaf;background-color:#0c161d;border-radius:8px;padding:.5em 1em;font-size:1.5rem;display:flex;justify-content:center;align-items:center;text-align:center}.end-screen img{width:1.5em}.end-screen .forward-arrow{transform:scaleX(-1)}.score{text-align:center;margin-block:2em}.end-screen-footer{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1em}.arrows{grid-column:1}.arrows img{transition:.1s;cursor:pointer}.back-arrow{margin-right:1em}.back-arrow:hover{transform:scale(1.1)}.forward-arrow{margin-right:-1em}.forward-arrow:hover{transform:scaleX(-1.1) scaleY(1.1)}.end-screen-footer button{display:block;border:3px solid #38290e;font-family:Beaufort;color:#000;background-color:#c28f2b;text-transform:uppercase;font-weight:700;border-radius:8px;font-size:1.5rem;width:9em;box-shadow:5px 5px 15px 5px #000;margin-inline:auto;grid-column:1 / -1;transition:.1s}.end-screen-footer button:hover{transform:scale(1.1);cursor:pointer}.leaderboard{grid-column:3}.leaderboard img{width:2.5em}.correct{background-color:#014101}.wrong{background-color:#6e0101}@media only screen and (min-width:820px){.current-question-choices{grid-template-columns:repeat(2,auto)}.end-screen{border:3px solid #38290e}.end-screen-footer button{grid-row:1;grid-column:2}}@media only screen and (min-width:1400px){.current-question-header{margin-block:auto}}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}@font-face{font-family:Beaufort;src:url(/assets/BeaufortforLOL-Bold-BetoDGof.woff2) format("woff2"),url(/assets/BeaufortforLOL-Bold-D0A6bD_a.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Beaufort;src:url(/assets/BeaufortforLOL-Regular-D4bAaY7o.woff2) format("woff2"),url(/assets/BeaufortforLOL-Regular-DUh7R4rV.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}img{width:15em}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{font-family:Beaufort;background-color:#0c171d;color:#e8deaf;position:relative}#root{background-color:#0c171d;display:flex;flex-direction:column;align-items:center;padding:2em;border-radius:3px;isolation:isolate}.img-header{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:1em}.img-header:after{margin-top:1em;content:"";width:100%;display:block;border-bottom:2px solid #38290e}@media only screen and (min-width:820px){#root{border:5px solid #38290e;width:50vw}body{display:grid;justify-content:center;padding:1em}body:before{content:"";background:url(/assets/background-CR2-wRl2.jpg);position:absolute;height:100%;inset:0;background-size:cover;opacity:.5;background-attachment:fixed}}