.schoolbell-regular{font-weight:400;font-style:normal}*{padding:0;margin:0;font-family:Schoolbell,cursive}#root{min-height:100vh;background-image:url(/assets/background-image-DE4EmXk-.jpg);background-color:#0000006b;background-position:center;background-repeat:no-repeat;background-blend-mode:color}main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh}.heroContainer{max-width:50%;box-sizing:border-box}.welcome-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome{color:#fff;font-size:70px;margin-bottom:70px}.play{padding:5px 10px 5px 20px;outline:none;letter-spacing:10px;font-size:large;font-weight:700;border-radius:12px;background-color:transparent;border:none;color:#fff;transition:all .5s ease}.play:hover{letter-spacing:normal}.header{width:100%;display:flex;justify-content:space-evenly;align-items:center;margin-bottom:60px;color:#fff}.back{background-color:#19880aab;padding:5px 20px;outline:none;letter-spacing:normal;font-size:large;font-weight:700;border-radius:12px;border:none;color:#fff;transition:all .5s ease}.back:hover{background-color:#af1414a8;letter-spacing:10px}.score-board{font-size:large;font-weight:700;background-color:#19880aab;box-shadow:0 0 10px 5px #19880ae7;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.card-container{width:100%;display:flex;align-items:center;justify-content:space-evenly;gap:10px;flex-wrap:wrap}.card{background-color:#19880aab;color:#fff;width:300px;border-radius:12px;text-align:center;font-size:larger;transition:all .3s ease;overflow:hidden}.card:hover{box-shadow:0 0 50px 20px #19880af8;transform:scale(1.02)}.card-img{width:300px;height:300px}.cardTitle{z-index:100;margin:20px 0}.final{color:#fff}