/* use Roboto font everywhere */
body {
    font-family: 'Roboto', sans-serif;
}

/* hide list bullet points */
ul {
    list-style-type: none;
  }


.game-button {
    display: inline-block;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    border-radius: 8px; /* Rounded corners */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transitions */
}

/* Different button styles */

.tag-button {
background-color: #4CAF50; /* Green */
color: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */
}

.tag-button:hover {
background-color: #3e8e41; /* Darker green on hover */
transform: translateY(-2px); /* Slight lift on hover */
}

.kind-button {
background-color: #008CBA; /* Blue */
color: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.kind-button:hover {
background-color: #0077A3;
transform: translateY(-2px);
}