body {
    font-family: 'Titillium Web', sans-serif;
    background: rgb(210,210,210);
    background: radial-gradient(circle, rgb(82 0 200) 19%, rgba(210, 210, 210, 1) 100%)
    /*background-image: url("../background_icons.svg");*/
}

main::before {
    content: '';
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    border: 0;
    background: rgb(0,176,167);
    background: linear-gradient(90deg, rgba(0,176,167,1) 0%, rgba(0,176,167,1) 25%, rgba(201,88,91,1) 25%, rgba(201,88,91,1) 50%, rgba(220,119,178,1) 50%, rgba(220,119,178,1) 75%, rgba(133,160,228,1) 75%, rgba(133,160,228,1) 100%);
}

.card-hover {
    transition: all 0.25s;
}

.card-hover:hover, .card-hover:focus {
    top: -5px;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

.bg-image:before {
    content: "";
    padding-top:calc(1080/1920 * 100%); /* Height/width */
    linear-gradient(to bottom, transparent 80%, #fff 100%);
}

.bg-image {
    z-index: -1;
    background:
        linear-gradient(to bottom, transparent 80%, #fff 100%),
        linear-gradient(to right, #fff 0%, transparent 80%, #fff 100%);
}