div.albums div.title {
    margin-bottom: 32px;
}

div#albums {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

div#albums a {
    text-decoration: none;
    color: var(--text-color);
}

div#albums div.album {
    width: 232px;
    cursor: pointer;
}

div#albums div.album:hover div.cover {
    transform: translateY(-8px);
}

div#albums div.cover {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    transition: transform 200ms;
}

div#albums div.cover > div {
    position: absolute;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border: 3px solid var(--fg-color);
    border-radius: 3px;
}

div#albums div.cover > div img {
    width: 100%;
    transition: transform 200ms;
}

div#albums div.album:hover div.cover img {
    transform: scale(1.2);
}

div#albums div.cover > div:first-child {
    transform: rotate(10deg);
}


div#albums div.title {
    text-align: center;
    font-weight: bold;
    margin: 0 0 32px 0
}

/* =================================================== */

div.image-gallery {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


div.image-gallery div.column {
    width: 33%;
}

div.image-gallery div.column img {
    width: 100%;
}