.my-masonry-grid{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-30px;width:auto}.my-masonry-grid_column{padding-left:30px;background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:30px;border-radius:30px;padding-bottom:20px;box-shadow:1px 2px 5px #888}.tilt-tile{transition:transform .1s ease-out,box-shadow .1s ease-out;transform-style:preserve-3d;will-change:transform;border-bottom:5px solid rgba(0,0,0,.15);border-right:4px solid rgba(0,0,0,.1)}body{font-family:Arial;background-color:#fff;color:#373636}.masonry-title{font-weight:700;font-size:2.5rem;padding:1.5rem;padding-bottom:0}.masonry-description{padding:1.5rem;border-top:2px solid rgba(0,0,0,.05)}img{width:100%}.search-button{border:none;border-radius:12px;padding:15px;box-shadow:0 2px 2px #888;margin:5px;background-color:#dfe1e2;text-decoration:none;color:gray;color:#373636}.project{background-color:#329ff4}.adventure{background-color:#42c460}.learning{background-color:#fbc14d}.search-button:hover{box-shadow:2px 2px 7px #888;transition:transform .2s;transform:scale(1.07)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-radius:12px 12px 0 0;padding:12px 16px;display:flex;justify-content:flex-end;grid-column:1 / -1;margin:-20px -20px 0;position:sticky;top:-20px;z-index:3}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:2vh;background-color:#fff;background-color:#ffffffb3;animation:modal-backdrop-in .15s ease-out}.modal-content{border-radius:12px;background-color:#fefefe;margin:0;padding:20px;width:90%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 23px #777;animation:modal-content-in .2s cubic-bezier(.34,1.2,.64,1)}.modal-scroll-body{overflow-y:auto;flex:1}.modal-images{padding-top:16px}.modal-images img{width:100%;display:block;margin-bottom:12px;border-radius:8px}.scroll-hint{display:none}@media (min-width: 850px){.modal-content{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto 1fr;max-width:960px;max-height:85vh;padding:0;overflow:hidden;flex-direction:unset}.modal-scroll-body{display:contents}.modal-header{margin:0;border-radius:0;position:static}.modal-images{overflow-y:scroll;scroll-snap-type:y mandatory;height:100%;padding-top:0}.modal-images img{scroll-snap-align:start;width:100%;height:100%;object-fit:cover;border-radius:0;margin-bottom:0}.modal-text{overflow-y:auto;padding:28px;height:100%;box-sizing:border-box}.scroll-hint{position:sticky;bottom:12px;display:flex;justify-content:center;font-size:2rem;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);pointer-events:none;transition:opacity .4s ease;animation:bob 1.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}}.modal-close{background:none;border:none;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;opacity:.85;line-height:1}.modal-close:hover{opacity:1}.project-theme h1{color:#329ff4}.adventure-theme h1{color:#42c460}.learning-theme h1{color:#fbc14d}.see-more-button{display:block;text-align:center;margin-top:24px;color:#fff!important}.modalImage{margin-top:30px}.modalDescription{margin-bottom:30px}.closingTag{text-align:center}