<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.h1div{
    display: flex;
    justify-content: center;
}
h1{
    font-size:22px;
    color:#006D81;
    font-family: 'Sofia-Pro', verdana;
}
main{
    /* border:solid 1px grey; */
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    gap:8px;
    font-family: 'Sofia-Pro', verdana;
}

.item{
    /* border:solid 1px #333; */
    background-color: #1f1e1e;
    color:#dadada;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
    border-radius: 7px;
    padding:2px 4px;
}
.item img{
    object-fit: cover;
    width:120px;
    height: 190px;
    border-radius: 7px;
    /* margin:2px 4px; */
    transition: all ease 0.2s;
}
.item img:hover{
    transform: scale(1.01);
}
.item a{
    margin:5px;
}



@media only screen and (max-width: 700px){
main{
    display: flex;
    /* justify-content: flex-start; */
    gap:4px;
}
.item{
    width:30%;
    overflow: hidden;
}
.item img{
    object-fit: cover;
    width:100%;
    height: 190px;
    /* margin:2px 4px; */
}


}</pre></body></html>