.hidden {
    display: none;
}

#language_selector .flag-icon {
    font-size: 1.5em;
    filter: saturate(20%);
}

#language_selector .flag-icon:hover {
    filter: saturate(100%);
}

.actions .button.with-icon .icon {
    margin-left: 1em;
    font-size: 1.4em;
}

ul.actions > li:last-child {
    padding-right: 0.75rem;
}

.vertical-scroll {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.my-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: .85em;
    width: 1em;
    line-height: .85em;
    content: " ";
}

.fa-discord {
    background-image: url("../fonts/discord.svg");
}

.fa-codingame {
    background-image: url("../../images/codingame.png");
}

ul.contact-list {
    list-style: none;
    padding-left: 0;
}

ul.contact-list li,
ul.contact-list li > * {
    vertical-align: middle;
}

ul.contact-list li + li {
    margin-top: 1.5rem;
}

ul.contact-list .icon {
    content: " ";
    display: inline-block;
}

ul.contact-list .icon,
ul.contact-list .my-icon {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;
    margin-right: 1rem;
}

#quickgame, #procedural_game {
    overflow: hidden;
}

#instagram {
    background: #833ab4;
    background: linear-gradient(
            to top right,
            #833ab4, #fd1d1d, #fcb045
    );
}