@import"https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap";*{font-family:Catamaran}.header{color:#962300;margin-top:110px;margin-left:7px;width:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:1.2rem}.header>h1{margin-bottom:10px;line-height:40px}.header>h1>span{color:#bd380f}.img{width:200px;height:200px;margin-bottom:15px}.thumbnail{width:100%;height:100%;object-fit:cover;border-radius:100px;box-shadow:2px 2px 4px 1px #00000068}.header>p{width:80%;line-height:27px}.card{width:97%;height:200px;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 10px 5px;background-color:#d3521f;font-size:.9rem;color:#fff;cursor:pointer;transition:.3s;margin-top:5px;box-shadow:1px 1px 1px #000}.card>img{width:100%;height:100%;border-radius:20px;object-fit:fill;overflow:hidden}.card:active{background-color:#963a16}body{background-color:#ef9e81}*{font-family:Catamaran;margin:0;padding:0;box-sizing:border-box}.btn{margin-top:10px;margin-left:110px;border:none;width:170px;height:40px;font-size:1.3rem;color:#f2ddd3;background-color:#b93100;border-radius:10px;font-family:Catamaran;box-shadow:2px 2px 3px #00000047}.btn:active{box-shadow:-2px -2px 3px #00000047;background-color:#822503}.grid-cards{display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:5px}@media screen and (min-width: 800px){body{display:flex;justify-content:center}.grid-cards{width:900px;margin-top:100px}}.score{color:#962300;font-weight:700;padding:10px;display:grid;grid-template-columns:repeat(3,1fr)}.score-box{align-self:center;display:flex;flex-direction:column;align-items:center;justify-items:center;line-height:30px;text-align:center}.score-box>span{font-weight:900;color:#f9e9e0}.oops{text-align:center;align-self:center;justify-self:center;width:90%;border-radius:40px;color:#fff;background-color:#fb0e0eed;box-shadow:-2px -2px 5px 1px #00000054}.top-score{padding:5px;line-height:30px;font-size:1.6rem;text-align:center;align-self:center;justify-self:center;width:90%;border-radius:40px;color:#fff;background-color:#43ed40ed;box-shadow:-2px -2px 5px 1px #00000054}