* {
    margin: 0;
    padding: 0;
    color: #c3d8f7;
    font-family: "TimesNewRoman";
}

::-webkit-scrollbar {
    display: none;
}

/* background img */
body {
    background-image: url('../image/boardgames.jpg');
    background-color: rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: cover;
    background-blend-mode: multiply;
    min-width: 501px;
}

/* header */
header {
    margin: 0.5em auto 0 auto;
    top: 0;
    width: 15em;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0.2em 0.2em 0.2em 0.05em rgba(0, 0, 0, 0.8);
    border-radius: 0.5em;
    font-size: 1.5em;
}

.header_container {
    text-align: center;
}

/* games block */

.games_container {
    text-align:center;
}

.games_container a {
    display: inline-block;
    font-size: 1em;
    margin: 0.5em 0.2em 0 auto;
    width: 15em;
    height: 15em;
    box-shadow: 0.2em 0.2em 0.2em 0.05em rgba(0, 0, 0, 0.8);
    border-radius: 0.5em;
}

.games_container a:hover {
    box-shadow: 0em 0em 2em 2em rgba(0, 0, 0, 0.8);
}

.games_container img {
    width: 15em;
    height: 15em;
    border-radius: 0.5em;
}

/* player and faction table */

.players_rating_container {
    border-radius: 3%;
}

.faction_rating_container,
.airport_rating_container {
    padding: 0 0 5em 0;
    border-radius: 3%;
}

.players_rating_title,
.faction_rating_title,
.airport_rating_title {
    width: 10em;
    border-radius: 0.25em;
    text-align: center;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: 0.2em 0.2em 0.2em 0.05em rgba(0, 0, 0, 0.8);
}

.players_rating_title {
    margin: 0.25em auto 0.25em auto;
}

.faction_rating_title,
.airport_rating_title {
    margin: 1.5em auto auto auto;
}

.players_rating_table,
.faction_rating_table,
.airport_rating_table {
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0.2em 0.2em 0.2em 0.05em rgba(0, 0, 0, 0.8);
    border: 0.1em solid #000000;
    border-collapse: collapse;
    margin: auto;
    width: 30em;
}

.players_rating_table th,
.faction_rating_table th,
.airport_rating_table th {
    background: rgba(0, 0, 0,);
}

.players_rating_table th:hover,
.faction_rating_table th:hover,
.airport_rating_table th:hover {
    cursor: pointer;
}

.players_rating_table th,
.players_rating_table td,
.faction_rating_table th,
.faction_rating_table td,
.airport_rating_table th,
.airport_rating_table td {
    padding: 0.6em;
    font-weight: bold;
    text-align: center;
    border-bottom: 0.1em solid #000000;
}

.players_rating_table_tbody tr:hover {
    background-color: #1c4685;
}

/* game list */
.game_list_container {
    margin: 2em 0 5em 0;
    height: 16em;
    width: 100%;
    background: rgba(0, 0, 0, 0.95);
    overflow: auto;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.game_list_container span {
    top: 0em;
    margin: 1em 3em 1em 1em;
    width: auto;
    display: inline-block;
    position: static;
}

.game_list_container h3 {
    margin: 0.5em 0 0 0;
}

.game_list_container h2 {
    margin: auto;
    text-align: center;
}

.game_list_container table {
    border: 0.1em solid #000000;
    border-collapse: collapse;
    margin: auto;
    box-shadow: 0.2em 0.2em 0.2em 0.05em rgba(0, 0, 0, 0.8);
}

.game_list_container th {
    background-color: #1c4685;
    padding: 0.7em;
    font-weight: bold;
    text-align: center;
    border-bottom: 0.1em solid #000000;
}

.game_list_container td {
    padding: 0.7em;
    font-weight: bold;
    text-align: center;
    border-bottom: 0.1em solid #000000;
    background: rgba(0, 0, 0,);
}

.game_list_win {
    background-color: #3d7be0;
}

.game_list_container::-webkit-scrollbar {
    display: contents;
    height: 1.5em;
}

.game_list_container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #615e59;
    border-radius: 0.4em;
}

.game_list_container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0.4em;
}

/* footer */
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    align-content: end;
    background: rgba(0, 0, 0, 0.8);
    background-size: cover;
}

.creator_title {
    text-align: right;
    font-size: 2em;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
}

/* .footer_url {
    margin: 5em 5em 0.5em 0.5em;
} */

.footer_url_container {
    float: left;
    margin: 0.3em 0.3em 0em 1em;
}

.creator_title_containet {
    float: right;
    margin: 0.3em 3em 0em 0.3em;
}

.footer_url_telegram {
    width: 2.5em;
    height: 2.5em;
}

.footer_url_instagram {
    margin: 0 0 0 1em;
    width: 2.5em;
    height: 2.5em;
}