*{margin:0;padding:0}@font-face{font-family:gelembung;src:url(../src/assets/fonts/GELEMBUNG.ttf) format("truetype")}h1{font-size:75px;font-family:gelembung,sans-serif;color:#ee232f;text-shadow:-4px 4px black}h3{font-size:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.header-container,h3{text-align:center}.header-container{padding-top:20px;position:relative;background-color:#f8df25}.header-top{display:flex;justify-content:center;align-items:center;margin-bottom:5px;position:relative}.header-title{position:relative;border-radius:5px;padding-left:15px;padding-right:15px}.score-container{font-family:gelembung,sans-serif;font-size:20px;text-align:right;position:absolute;top:50%;transform:translateY(-50%);right:0;margin-right:15px;line-height:1.2}.header-description{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center;margin-top:20px;margin-bottom:20px}.hr-border{border:2px solid black}.loading{text-align:center}.card-container{display:flex;flex-wrap:wrap;justify-content:center;padding-top:20px;padding-bottom:20px;background-color:#b2cee6}.card-single{display:flex;flex-direction:column;border:3px solid black;border-radius:5px;width:277px;height:390px;margin:15px 15px 30px;transition:transform .3s ease-in-out;background-color:#f9f86a}.card-single:hover{transform:scale(1.1);box-shadow:-7px 7px;transition:.4s}.card-image{border-radius:3%;width:265px;height:265px;display:block;margin-top:7px;margin-left:auto;margin-right:auto}.card-name{display:flex;justify-content:center;align-items:center;flex:1;color:#000;background-color:#ffffeb;border-radius:5px;margin:5px}