body{
    background-image: url(graphics/dark_planks.png);
    background-repeat: repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.collection{
    background-image: url(graphics/board_grain.png);
    background-repeat: repeat;
    margin: 2rem;
    width: 50rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0.5rem;
}

.collection h2{
    text-align: center;
    width: 15rem;
    margin-top: 0.5rem;
    background-color: rgb(255, 200, 0);
    color: rgb(152, 112, 0);
}

.collection-flex{
    display: flex;
    flex-direction: row;
}

.item{
    height: 7rem;
    width: 5rem;
    background-image: url(graphics/yellow_line_paper.png);
    background-size: 5rem;
    background-repeat: repeat;
    color: rgb(71, 65, 57);
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    padding: 0.5rem;
    margin: 1rem;
}

.item img{
    height: 4rem;
    width: 4rem;
    background-color: rgb(88, 82, 69);
}

.item a{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    padding-top: 1rem;
}


@media (max-width: 900px) { 
    .collection{
           margin-left: 2rem;
    margin-right: 2rem;
    width: auto;
    }
}