@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{background-color:#212121;overflow:hidden}header{background-color:#121212;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;height:90px}.header-text{font-size:36px}.scores{font-size:20px}.main-container{padding:10px;height:calc(100vh - 90px)}.cards-container{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;height:100%}.cards-container img{width:calc(100% / var(--cards-per-row) - 25px);height:calc(100% / var(--cards-per-column) - 25px);object-fit:cover;object-position:50% 20%;border-radius:20px;cursor:pointer;transition:transform .1s}.cards-container img:hover{transform:scale(1.05);box-shadow:3px 3px 14px -1px #fff}.info-text{font-size:24px}.difficulty-and-reset{display:flex;gap:10px}.difficulty-and-reset input{padding:5px;border-radius:5px;background-color:#f5f5f5;border:none}.difficulty-and-reset button{padding:5px;width:70px;background-color:gray;color:#fff;border:none;border-radius:5px;cursor:pointer}.difficulty-and-reset button:hover{background-color:#7a7a7a}.difficulty-and-reset button:active{background-color:#666}.options-block{display:flex;flex-direction:column;gap:3px}.options-block .difficulty-label{font-size:15px}.options-block .error-text{font-size:12px}.header-and-info,.options-and-score{display:flex;justify-content:space-between;align-items:center;gap:80px}.loading-text{font-size:24px;color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;-webkit-user-select:none;user-select:none}