header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#hamster-logo {
    max-width: 5em;
    max-height: 5em;
}

.logo {
    display: flex;
}

.header-primary {
    color: var(--color-primary);
    text-decoration: none;
}

.header-secondary {
    color: var(--color-secondary);
}

#account-balance {
    margin-left: .5rem;
}

#home-button {
    text-decoration: none;
}

.account {
    display: flex;
    margin: 0 1rem;
}

.account-information {
    display: flex;
    flex-direction: row;
    margin: 0 1rem;
}

.account-money {
    display: flex;
    flex-direction: row;
    margin: 10px;
}

.account-profile {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.logout-icon {
    color: var(--color-secondary);
    font-size: 2rem;
    transition: color 0.3s ease, transform 0.3s ease, filter 0.3s ease;
}

.logout-anchor{
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 10px;
}

.logout-anchor:hover .logout-icon {
    color: red;
    transform: scale(1.2);
    filter: brightness(115%);
}

.fa-user {
    color: var(--color-secondary);
    font-size: 2rem;
    transition: color 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.account-anchor{
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 10px;
}

.account-anchor:hover .fa-user {
    color: var(--color-primary);
    transform: scale(1.2);
    filter: brightness(115%);
}

.fa-coins {
    color: var(--color-secondary);
    font-size: 2rem;
    transition: color 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.balance-anchor{
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 10px;
}

.balance-anchor:hover .fa-coins {
    color: var(--color-primary);
    transform: scale(1.2);
    filter: brightness(115%);
}

.fa-trophy {
    color: var(--color-secondary);
    font-size: 2rem;
    transition: color 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.trophy-anchor{
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 10px;
}

.trophy-anchor:hover .fa-trophy {
    color: var(--color-primary);
    transform: scale(1.2);
    filter: brightness(115%);
}

.fa-gamepad {
    color: var(--color-secondary);
    font-size: 2rem;
    transition: color 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.history-anchor{
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 10px;
}

.history-anchor:hover .fa-gamepad {
    color: var(--color-primary);
    transform: scale(1.2);
    filter: brightness(115%);
}