body,h1,h2,h3,h4,h5,h6 {font-family: "JetBrains Mono", sans-serif}
header {
  background-color: #a26ff6;
  text-align: center;
  padding: 10px;
}
body {
  background-color: #f0bdc7;
  background: radial-gradient(circle,rgba(240, 189, 199, 1) 0%, rgba(148, 187, 233, 1) 100%);
  margin-left:130px;
  padding:1px 16px;
  height:1000px;
  
}


h1 {
  color: green;
}

p {
  color: blue;
}

body {
  background-image: url ("img/bg_purple-vichy");
}

img[src="images/froggygif.gif"] {
  
  position: relative;
  animation-name: myAnimation;
  animation-duration: 10s;
}

@keyframes myAnimation {
  0%   {left:0px; }
  25%  {left: 100px;px; ;}
  50%  {left:300px;}
  75%  {left:50px;}
  100% {left:0px; }
}

  left: 0;
  background: var(--backdrop-color);
  z-index: 9999;
  text-align: center;
}

/***
EZ Gallery by netfriend - https://netfriend.neocities.org/ez-gallery/
Released under the Unlicense - https://unlicense.org/
***/

.ezgallery.montage { 
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.ezgallery.montage img {
  flex: auto;
  margin: 0 5px 5px 0;
  object-fit: contain;
  object-position: bottom;
}

.ezgallery.horizontal { 
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-auto-rows: minmax(100px, auto);
}

.ezgallery.horizontal a {
  text-align: center;
}

.ezgallery.horizontal img {
  text-align: center;
  vertical-align: middle;
  margin: 0 5px 5px 0;
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;
  object-position: bottom;
}