@font-face{font-family:harry-potter2;src:url(/assets/magicschooltwo-webfont-DNxrJUdw.woff) format("woff"),url(/assets/magicschooltwo-webfont-ouHj1acL.woff2) format("woff2");font-style:normal;font-weight:400}.instruction{color:#fff;font-family:harry-potter2,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:36px;margin-bottom:60px}@font-face{font-family:harry-potter1;src:url(/assets/magicschoolone-webfont-CYw5yHvk.woff) format("woff"),url(/assets/magicschoolone-webfont-qLKDNYhW.woff2) format("woff2");font-style:normal;font-weight:400}*,*:before,*:after{box-sizing:border-box}body{background-image:repeating-linear-gradient(125deg,hsl(55,0%,7%) 0px 12px,transparent 12px 14px),repeating-linear-gradient(-125deg,hsl(55,0%,7%) 0px 12px,transparent 12px 14px),linear-gradient(125deg,#4a4abf,#00008b)}#root>h1{font-family:harry-potter1,Courier New,Courier,monospace;font-size:68px;text-align:center;color:#9acd32}img{width:400px;height:450px}.cards{display:flex;gap:30px;flex-wrap:wrap;font-family:harry-potter1,Courier New,Courier,monospace;font-size:24px;margin-bottom:60px;justify-content:center}.card{background-color:#000;color:#fff;display:inline-block;border:2px solid whitesmoke;border-radius:8px}.card:hover{box-shadow:3px 3px 3px 2px #9acd32,-1px -1px 2px 2px #9acd32}.card h1{text-align:center}.scoreCard{position:absolute;right:200px;top:0}.score,.bestScore{font-size:36px;color:#9acd32;font-family:harry-potter2,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:block;padding:0}