@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;
}

stylesheet