body {
    background: #242f40 url('emojicon-bg.png') no-repeat fixed center;
}

.m-nav {
    border-bottom: 1px solid #242f40;
}

.m-image {
    width: auto;
    height: 100%;
}

.m-bg-primary {
    background-color: #242f40;
}

.m-bg-secondary {
    background-color: #f4b152;
}

.m-bg-tertiary {
    background-color: #570e5d;
}

.m-text-primary {
    color: #f3f3f7;
}

.m-text-secondary {
    color: #242f40;
}

.m-text-tertiary {
    color: #f3f3f7;
}

.m-link-tertiary {
    color: #f3f3f7;
    text-decoration: underline;
}
.m-link-tertiary:hover {
    color: #67ffdf;
    text-decoration: none;
}

.m-button-action {
    background-color: #570e5d;
    color: #f3f3f7;
    border: 1.5px solid #f3f3f7;
}
.m-button-action:hover {
    background-color: #67ffdf;
}

.m-form-clear {
    background-color: #242f40;
    color: #f3f3f7;
    border: 1.5px solid #f3f3f7;
}
.m-form-clear:hover {
    background-color: #67ffdf;
}

.m-modal-close {
    background-color: #242f40;
    color: #f3f3f7;
    border: 1.5px solid #f3f3f7;
}
.m-modal-close:hover {
    background-color: #67ffdf;
}