*{
    box-sizing: border-box;
}

body{
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    background-color: #242426;
}


.container{
    max-width: 1000px;
    padding: 15px;
    margin: 0 auto;
}

a{
    text-decoration: none;
    color: #fff;
    font-size: 28px;
    line-height: 42px;
}

h1{
    margin: 0;
}

h2{
    margin: 0;
}

.header{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 5%;
}

.centr{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card{
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 5%;
}

.card_all{
    background-color: #ffffff;
    /*Цвет для фона карточек*/
}

.card_item{
    /*Размер карточки*/
    width: 270px;
    height: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    background-color: #9bb440; /*Цвет карточки*/
    padding: 50px 50px;
}

.card_discord{
    background-color: #8799d9;
}

.card_github{
    background-color: #282b2e;
}

.card_telegram{
    background-color: #40b1ec;
}

.card_facebook{
    background-color: #7f93d9;
}

.card_gmail{
    background-color: #e76f64;
}

.card_twitter{
    background-color: #35aaf1;
}

.card_item:hover{
    border: 2px solid rgb(153, 153, 153);
    transition: 0.2s ease-in-out;
}

.card_item:active{
    transform: scale(.98,.98);
}

.card_item a{
    font-size: 0;
    line-height: 0;
}

.card_item h2{
    width: 100%;
}

@media(min-width: 300px){
    .card{
        grid-template-columns: repeat(1, 1fr);
    }
}


@media(min-width: 570px) {
    .card{
        grid-template-columns: repeat(2, 1fr);
    }

    .card_item{
        padding: 15px 30px;  
    }

    a{
        font-size: 16px;
    }
}


@media(min-width: 768px){
    .card{
        grid-template-columns: repeat(3, 1fr);
    }
}