h2{
    text-align: center;
}
details p{
    color: #98719B;
}

.grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.item{
    background-color: #BFD8BC80;
    border-radius: 20px;
    border-color: #BFD8BC;
    padding: 10px;
}

@media (max-width: 768px) { /*grid responsive*/
    .grid {
        grid-template-columns: 1fr; 
        justify-items: center; 
    }
}