.comp{display:flex}.grid{display:grid;gap:10px}.monster-img{position:relative}.monster{display:flex;flex-direction:column;align-items:center;justify-content:center}.monster:hover{cursor:pointer}.monster:hover .monster-img img{opacity:.2}.monster:hover .monster-img .monster-name{display:flex;align-items:center;justify-content:center}.monster-name{display:none;position:absolute;inset:0;text-align:center}.monster-amount{position:absolute;top:0;right:0}.navbar{width:96%;height:48px;display:flex;background-color:#333;padding:0 2%;gap:5%;align-items:center}.navlink{color:#fff;text-decoration:none;display:flex;align-items:center}.navlink:hover{cursor:pointer}.popup-overlay{background-color:#0006}.about-popup{display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:20px}.about-about{font-size:1.5rem;font-weight:700}