body {
    margin: 0;
    padding: 0;
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    background-color: rgba(239, 239, 239, 0.9);
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.menubar {
    margin: auto;
    background-color: #1f1c2c;
    color: #b46a91;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
}

.logo {

}

.menu {
    margin: 0;
}

.menubar ul {
    list-style-type: none;
    margin: 0;
    display: inline;
}

.menubar ul li {
    list-style-type: none;
    display: inline;
    margin: 0 16px;
    padding: 4px;
}

.menubar a {
    text-decoration: none;
    color: #b46a91;
    transition: color 0.2s ease;
}

.menubar a .icon {
    font-size: 0.8em;
    position: relative;
    top: -2px;
    padding-right: 4px;
}

.menubar a:hover {
    color: #ff6e61;
    border-bottom: 2px solid #ff6e61;
}

.content {
    padding: 20px;
}

a .megabutton {
    font-size: 1.2em;
    padding: 20px;
    border-radius: 4px;
    background-color: #3a2a5a;
    margin: auto;
    text-align: center;
    color: #b46a91;
    text-decoration: none;
    transition: all 0.2s ease;
}

a .megabutton:hover {
    background-color: #1f1c2c;
    color: #b46a91;
}

.megabutton .icon {
    margin-right: 10px;
}

a .cancelbutton {
    font-size: 1em;
    padding: 12px;
    border-radius: 4px;
    background-color: rgba(85, 85, 85, 0.6);
    margin: auto;
    margin-top: 8px;
    text-align: center;
    color: rgba(239, 239, 239, 0.5);
    text-decoration: none;
    transition: all 0.2s ease;
}

a .cancelbutton:hover {
    background-color: rgba(85, 85, 85, 0.8);
    color: rgba(239, 239, 239, 0.8);
}

.cancelbutton .icon {
    margin-right: 10px;
}


.gamelist {

}

.game {
    background-color: #b46a91;
    display: flex;
    justify-content: space-between;
}

.title {

}

.participants {

}

.play {

}