my personal archive of gallery snapshots
hover to enlarge
right click and open in new tab to see full image
captions (if any, I don't often take photos of them) will be shown to the left of the image (or, if the artwork is at the start of the row, the caption will be at the end of the previous row).
website
@import url('https://fonts.googleapis.com/css2?family=Rubik+Bubbles&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montagu+Slab:opsz,[email protected],100&display=swap');
body {
font-family: 'Montagu Slab', serif;
padding: 0 !important;
margin-left: 20px !important;
margin-right: 20px !important;
}
h1{
font-family: 'Rubik Bubbles', cursive;
font-size: 30px;
color: #85D627;
}
blocks {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
grid-gap: 8px;
}
blocks div {
padding: 30px;
display: grid;
color: #003b53;
}
p, a, #load-more, #loading {
font-size: 17px; !important;
text-decoration: none;
color: #85D627;
}
a:hover {
color: #00F3EF;
text-decoration: none;
}
load-more, #loading {
margin-top: 20px;
margin-left: 20px;
margin-bottom: 10px;
font-size: initial;
font-family: 'Montagu Slab';
padding: 1em;
border-radius: 0;
background: white;
border: 1px solid rgb(219, 219, 219);
}
load-more:hover {
border-radius:0;
background: yellow;
}
figure {
display: flex;
justify-content: center;
align-items: center;
margin-top: 150px;
margin-left: 50px;
margin-right: 50px;
}
img {
max-height: 500px;
max-width: 100%;
transition:transform 0.95s ease;
border: 5px solid yellow;
}
img:hover {
-webkit-transform:scale(2);
transform:scale(2);
}
mark {
color: #85D627;
background color: yellow;
}