* {
    padding: 0px;
    margin: 0px;
    border: 0px;

    font-family: "Karla", sans-serif;
}

h1, h2, p {
    margin-top: 5px;
    margin-bottom: 5px;
}

body {
    margin: 40px;
}

#content {
    display: flex;
    gap: 40px;
    max-width: 1072px;
}

#about-me {
    display: flexbox;
    max-width: 516px;
}

#id-graphic {
    width: 512px;
    height: 512px;
    border: 2px solid black;
}

#about-me a {
    color: #007fff;
    text-decoration: none;
}

#about-me a:hover {
    text-decoration: underline;
}

.silentcrunch {
    font-family: "Coral Pixels", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
}

#content-body {
    width: 100%;
    max-width: 516px;
}

#navbar {
    width: 100%;
    border-bottom: 2px solid black;
}

.navbar-item {
    font-size: 20px;
    color: black;
    text-decoration: none;
    padding-top: 2px;
    padding-left: 6px;
    padding-right: 6px;
}

.navbar-item:hover {
    color: white;
    background-color: black;
    cursor: pointer;
    transition: 0.2s;
}

.active-navbar-item {
    color: white;
    background-color: black;   
}

.page {
    display: none;
}

#games-page {
    display: block;
}

.game-info-container {
    margin-top: 10px;
}

.game-info-container ul {
    margin-top: 20px;
    margin-left: 45px;
}

.game-info-container a {
    color: #007fff;
    text-decoration: none;
}

.game-info-container a:hover {
    text-decoration: underline;
}

#content-body-footer {
    margin-top: 40px;
}

#copyright {
    color: gray;
}

@media(max-width: 1152px) {
    #content {
        display: block;
    }

    #content-body {
        margin-left: 0px;
        margin-top: 50px;
    }
}

::-moz-selection { /* Code for Firefox */
  color: black;
  background: #FF9F00;
}

::selection {
  color: black;
  background: #FF9F00;
}