section.list-domains {
    display: flex;
    width: 100%;
    flex-direction: row;
    min-height: 200px;

    justify-content: center;
    
    flex-wrap: wrap;

    * {
        cursor: default;
    }

    .domain {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;

        flex: 1 1 calc(25% - 10px);

        min-width: 400px;
        width: 25%;

        position: relative;

        .content {
            z-index: 5;
            color: white;

            h4 {
                margin-top: 25px;
                font-size: 1em;
                text-align: center;
            }

            p {
                text-align: center;
                font-size: 14px;
                width: 300px;
                color: white;
            }
        }

        .bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;

            background-color: black;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                opacity: 0.5;
                filter: blur(1px);
            }
        }
    }

    .domain:nth-child(2n) {
        .bg {
            background-color: var(--color-primary);

            img {
                opacity: 0.2;
                filter: blur(1px);
            }
        }
    }
}

section.list-domains::selection, section.list-domains *::selection {
    display: none;
    color: none;
    background-color: none;
}