body {
    font-family: -apple-system, system-ui, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #1a1919;
    line-height: 1.6;
}

.header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: stretch;
    align-content: stretch;
    background-color: #313136
}

.logo-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
}

.logo {
    height: 70px;
}

.logo:hover {
    opacity: 0.8;
}

.navmenu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: right;
    align-items: center;
    align-content: center;
    gap: 10px;
}

.navlink {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.2em;
    transition: color 0.3s ease;
}

.navlink-current {
    color: #1c7a92;
    text-decoration: none;
    font-size: 1.2em;
}

.navlink:hover {
    color: #FFAB00;
}

.navlink-current:hover {
    color: #FFAB00;
}
.navsocial:hover {
    opacity: 0.7;
}

.main-1 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    background-color: #1a1919;
}

.twitch-heading {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    color: #FFAB00
}

.twitch {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: auto;
}
    
.currently-heading {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    color: #FFAB00
}

.currently-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.game-link {
    color: #ffffff;
    text-decoration: none;
    font-size: 2.5em; 
}
.game-link:hover {
    opacity: 0.7;
    color: #FFAB00;
}

.currently-row {
    display: flex;
    flex-basis: 60%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;

}

.footer {
    background: #313136;
}
.footer-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}

.copyright {
    color: #FFFFFF;

}
.footer-link-flex {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 18px;

}
.footer-link {
    color: #FFFFFF;
    Text-decoration: none;
    transition: color 0.3s ease;
}
.footer-link:hover {
    color:#FFAB00;
}