@import "../variables";
@import "../mixins";

.socialList {
    @include flexList;

    .socialCard {
        @include cardGeneric;
        display: flex;
        flex-direction: column;

        .socialImage {
            width: 100%;
            height: 300px;
            background-position: center;
            background-size: cover;
            display: flex;
            padding: 10px;
            flex-direction: column-reverse;
            text-shadow: 0 0 10px black, 0 0 10px black, 0 0 20px black;

            .socialName {
                font-size: 2em;
                margin-top: -5px;
            }

            .socialUsername {
                margin-top: auto;
            }
        }
    }
}