:root


.content{
    display: grid;
    grid-template-columns: 1fr;
    margin: -1rem auto 1rem auto;
    gap: 0.5rem;
    max-width: 1100px;
}
.singleP {
    display: grid;
    justify-self: center;
    align-self: center;
    margin: 1rem;
    border: solid 1px #e5c8cd;
    border-radius: 25px;
    max-width: 25rem;
    max-height: 15rem;
}
.singleP:hover{
    border: solid 1px #8cccd1;
}

@media screen and (min-width: 1100px) {
    .content {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media screen and (max-width: 560px) {
    .singleP {
max-width: 15rem;
    }
}