body {
    background: #100011;
    font-family: Courier New;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    color: #a4aaa3;
    display: flex;
    min-height: 100vh;
    max-height: 100vh;
}

header {
    background: #343434;
    color: white;
    text-align: center;
    flex: 1;
}

nav {
    color: white;
    border-style: solid;
    border-color: #434;
    border-width: 0px 2px 0px 0px;
}

nav a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 12px 20px;
    transition: background-color 0.3s;
}
nav a:visited {color: white;}

nav a:hover {
    background: #343434;
    border-style: solid;
    border-color: #434;
    border-width: 0px 0px 5px 0px;
}

a { color: white; text-decoration: none;  }
a:visited { color: white; }
//a:hover {  border: 1px solid white;  }
a:hover {  font-weight: bold;  }

.nav-text {
    white-space: nowrap;
    font-size: 1.2em;
    font-weight: bold;
    font-family: "Courier New";
}

.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-style: double;
    border-color: #343434;
    margin: 10px;
}

.container {
    witdh: 100%;
    padding: 2rem 5%;
    flex: 50;
    overflow: scroll;
    font-size: 1.2em;
}

footer {
    text-align: center;
    background: #343434;
    color: white;
    flex: 1;
}

/* a .tooltip {
   visibility: hidden;
   width: 120px;
   background-color: black;
   text-align: center;
   padding: 5px 0;
   border-style: solid;
   border-color: #434;

   position: absolute;
   transform: translateX(70px);
   z-index: 1;

   font-weight: bold;
   font-family: "Courier New";
   }
 */

.games-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.game-item {
    background: rgba(90, 90, 90, 0.2);;
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: auto 90%;
    //border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 5px;
}

.game-item h3 {
    margin-top: 0;
    color: #F4F3F4;
}

.game-item button {
    background: #35424a;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 3px;
    cursor: pointer;
}

.game-item button:hover {
    background: #e8491d;
}

a:hover .tooltip {
    visibility: visible;
}