* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body {

    padding: 20px;
    color: #fff;

}

.month-title {

    margin-bottom: 30px;

}

.photos {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

}

.photos figure {

    width: 900px;
   

}

.photos img {

    display: block;

    width: 100%;

    height: auto;

    

}

.photos figcaption {

    margin-top: 10px;
     margin-bottom: 30px;
     text-align: left;
    font-size: 16px;
    line-height: 1.3;
    color:#9fa09c;


}
.photos summary {

    margin-top: 5px;
     margin-bottom: 8px;

}

html,

body {

    scrollbar-width: none;

}

html::-webkit-scrollbar,

body::-webkit-scrollbar {

    display: none;

}