html, body {
    height: 100%;
}


body {
    background-blend-mode: screen;
    background-blend-mode: multiply;
    background-blend-mode: overlay;
    background-blend-mode: darken;
    background-blend-mode: soft-light;
    background-blend-mode: luminosity;
    background:
            linear-gradient(red, transparent),
            linear-gradient(to top left, lime, transparent),
            linear-gradient(to top right, blue, transparent);
    color: Seashell;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
}

a, p, li {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.5em;
}

h1 {
    font-size: 2em;
}

.add-button {
    cursor: pointer;
    color: #fff;
    border-width: 0;
    box-shadow: none;
    background-color: #0cc485;
    padding: 20px 40px 20px 40px;
    font-weight: bold;
    border-radius: 7px;
}

.center-block {
    border: 1px #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.menu-games {
    color: white;
    min-height: 100px;
    border: 1px #fff;
    border-radius: 13px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    font-size: 36px;
    font-weight: bold;
    position: relative;
}
.menu-games:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #fff 50%, rgba(0, 0, 0, .6) 70%);
    -webkit-mask-size: 200%;
    animation: wave 2s infinite;
}
@-webkit-keyframes wave {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}