html {
    min-height: 100%;
}

.spoiler:hover,
.spoiler:focus {
    -webkit-filter: blur(0px) grayscale(0);
}

.spoiler {
    -webkit-filter: blur(3px) grayscale(.5);
    -webkit-transition-property: -webkit-filter;
    -webkit-transition-duration: .3s;
    margin-bottom: 2px;
}

.clean-ul {
    list-style-type: none;
    list-style: none;
}

body {
    background: linear-gradient(45deg, #86cecb, #137a7f, #e12885);
    background-size: 300% 300%;
    -webkit-animation: colors 13s ease infinite;
    animation: colors 13s ease infinite;;
}

@-webkit-keyframes colors {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes colors {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.navbar {
    background-color: rgba(0, 0, 0, 0) !important;
}

.hero.is-fullheight-with-navbar {
    min-height: 100vh !important;
}

.navbar2 {
    background-color: rgba(0, 0, 0, 0) !important;
    text-align: center;
    display: table;
    margin: 0 auto;
}

.pog {
    text-align: center;
}

.container.cards {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container.cards .col {
    flex: 1 0 0%;
    margin: 5px;
    padding: 2px;
    width: 22rem;
}

.container.cards .col .card {
    width: 100%;
    height: 8rem;
}
.card-body {
    padding: 5px 18px;
}

.card-title {
    margin-bottom: .26rem;
}


@media screen and (max-width: 900px) {
    .row.align-items-start.flex-mobile {
        flex-direction: column;
    }
}