@charset "utf-8";

h1,
p {
    font-weight: bold;
    font-size: 21px;
}

section {
    margin: 0 auto;
    /* background-color: bisque; */
    width: 1200px;
    max-width: 100%;
    padding-bottom: 80px;
}

h1 {
    text-align: center;
    font-size: 30px;
    padding: 50px;
}

.item-list {
    display: grid;
    grid-template-columns: repeat(2,345px);
    justify-content: center;
    gap: 80px 180px;
}
.item-list li{
    transition: all 0.5s;
}
.item-list li:hover{
    transform: scale(1.05);
}

@media (max-width: 800px){
    .item-list{
        grid-template-columns: 1fr;
        text-align: center;
    }
}