@import"https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap";.App{max-width:860px;margin:40px auto;text-align:center}.header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.header{text-align:center}.header a{color:#fff;text-decoration:none}.header a:hover{font-size:105%;text-decoration:underline;transition:all .25s ease-in-out}.header h1{color:#fff;background:transparent;padding:12px;font-size:clamp(2rem,3vw,3rem);border-radius:10px;position:relative;text-align:center}.header__new-game{color:#fff;font-family:Helvetica,sans-serif;font-weight:700;font-size:clamp(1.5rem,2.5vw,2.5rem);background-color:#ffa12b;padding:10px 20px;border-radius:5px;box-shadow:inset 0 1px #ffe5c4,0 10px #915100;text-shadow:0px 1px 0px #000;cursor:pointer;margin:15px 15px 40px}.header__new-game:active{top:10px;background-color:#f78900;box-shadow:inset 0 1px #ffe5c4,inset 0 -3px #915100}@media (min-width: 768px){h1{font-size:2.5rem}}@media (min-width: 1024px){h1{font-size:3rem}}h1:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:1;transition:opacity .3s ease-in-out;border-radius:10px}h1:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#1b1523;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@media (min-width: 768px){.header__new-game{font-size:2rem}}@media (min-width: 1024px){.header__new-game{font-size:2.5rem}}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20vw;max-width:120px;height:40vw;max-height:145px;padding:10px;margin:30px 30px 35px;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative}.card:hover{transform:scale(1.05);box-shadow:0 6px 12px #0003}.card__front{width:100%;height:100%}.card__info{margin-top:10px;text-align:center;color:#fff}.card__label{font-size:clamp(1rem,1.2vw,1.5rem);font-weight:700}.card__percentage{font-size:clamp(.8rem,1vw,1rem);color:#ffa12b;padding-bottom:55px}.card__back{width:100%;height:100%;border-radius:8px;cursor:pointer}.card__back--disabled{opacity:.5;cursor:not-allowed}.card img{object-fit:cover;border-radius:8px;border:2px solid #fff;transition:all .3s ease-in-out}.card img:hover{transform:scale(1.05)}p{font-size:clamp(1.5rem,2.5vw,2.5rem);text-align:center}@media (min-width: 768px){p{font-size:2rem}}@media (min-width: 1024px){p{font-size:2.5rem}}.card-container{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:20px;padding:0 10px}body{font-family:Raleway,sans-serif;margin:0;font-size:1.5em;text-align:center;background:#1b1523;color:#fff}