.masonry{position:relative;width:90vw;margin:0 auto}.masonry .photo{position:absolute}.masonry.loading{display:grid;grid-column:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-gap:8px;gap:8px}.masonry.loading .photo{position:relative;aspect-ratio:3/4;height:450px;background:#eee;border-radius:8px;overflow:hidden}.masonry.loading .photo:after{content:"";display:block;width:10rem;height:300%;border-radius:8px;rotate:45deg;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:whipe 3s infinite}.masonry.loading .photo:before{content:"loading...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;color:#c9c9c9;font-weight:700;text-transform:uppercase;z-index:1}@keyframes whipe{0%{transform:translateX(-30rem)}to{transform:translateX(30rem)}}#gallery-page{min-height:100vh}#gallery-page header{flex-direction:column;gap:.5rem;margin:0 auto 2rem}#gallery-page h1,#gallery-page header{display:flex;align-items:center;justify-content:center;width:max-content}#gallery-page h1{margin:8rem auto .5rem;padding:.25rem 1rem;color:white;font-size:.65rem;background-color:rgb(72,88,113);border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.5)}#gallery-page header p:first-of-type{font-size:2rem;font-weight:600}#gallery-page header p:last-of-type{font-size:1.1rem;font-weight:400}.my-masonry-grid{display:flex;gap:5px;width:90%;position:relative;margin:auto auto 5rem}.my-masonry-grid_column{background-clip:padding-box;display:flex;flex-direction:column;flex:1 1;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;overflow:hidden;align-items:center;gap:5px}.my-masonry-grid_column>div{margin-bottom:5px}.my-masonry-grid_column>img{object-fit:cover}#gallery-page .load-more{display:flex;align-items:center;justify-content:center;margin:5rem auto 10rem;padding:.5rem 1rem;color:black;font-size:1rem;font-weight:600;background-color:unset;border:none;border-radius:2rem;box-shadow:0 0 10px rgba(0,0,0,.15);transition:background-color .3s ease;cursor:pointer}#gallery-page .load-more:hover{background-color:#357abd}@media (max-width:600px){.my-masonry-grid{margin-bottom:5rem}#gallery-page header{gap:.25rem}#gallery-page header p:first-of-type{font-size:1rem}#gallery-page header p:last-of-type{font-size:.85rem}}