html {
  font-family: 'Amiri';
  cursor: crosshair;
  background-color: #f2f3f4;
;
}
body {
  margin-bottom: 10px;
}
body a {
  color: #88AD71;
}
body a:hover {
  color: #9DBC8A;
  font-style: italic;
}
.menu {
  display:flex;
  flex-direction: column;
  font-weight:normal;
  text-align: center;
  margin:0px 0px 0px 0px;
  padding: 10px 0px 0px 50px;
  list-style: none;
  width:125px;
  height:100%;
  font-size: 14pt;
  position:fixed;
  background-color: #f2f3f4;
}
.menu li {
  margin-bottom:20px;
  height: 20px;
  cursor:crosshair;
}
.menu a {
  text-decoration: none;
  color:black;
  letter-spacing: 2px;
  transition: 0.5s;
}
.menu a:hover {
  font-weight: lighter;
  font-style: oblique;
  cursor:crosshair;
  text-shadow: -15px 15px 3px rgb(100, 100, 100, 0.2);
}
.menu img {
  display: block;
  margin: auto;
  margin-bottom:20px;
}
.logo:hover {
  filter: invert(100%);
}
.flowers {
  display: flex;
  flex-direction: row;
}
.mainbody {
  text-align: center;
}
#frontpagetall {
  text-align: center;
}
#frontpagetall img {
  width:30%;
}
.text {
  width:700px;
  text-align: center;
}
.container {
  display: block;
  justify-content: center;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  margin-top:40px;
}
.activetab {
  text-shadow: -15px 15px 3px rgb(100, 100, 100, 0.2);
}
.button {
	padding-right: 5px;
	padding-left: 5px;
	width:88px;
	height:31px;
}
.gallery {
  text-align: center;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gallery img {
  max-height: 850px;
  margin: 10px 0px 10px 0px;
}
.figure {
  position: relative;
  width: 360px;
  max-width: 100%;
}
.figure img.image-hover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: contain;
  opacity: 0;
  transition: opacity .2s;
}
.figure:hover img.image-hover {
  opacity: 1;
}