@use '../utilities';

.social-media-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3em;

    a {
        width: 5em;
        height: 5em;
        display: flex;
        align-items: center;
    }
}

@media only screen and (min-device-width: 800px) {
    .social-media-icons {
        flex-direction: row;
    }
}