@font-face {
  font-family: "magplain";
  src: url("/font/Magda-Plain.otf") format("opentype");
}
 @font-face {
  font-family: "unwound";
  src: url("/font/joyeuse.ttf") format("truetype");
}
@font-face {
  font-family: "sunbather";
  src: url("/font/Sunbather-BOLD.otf") format("opentype");
}
@font-face {
  font-family: "igor";
  src: url("/font/IGOR-BoldItalic.otf") format("opentype");
}
@font-face {
  font-family: "magda";
  src: url("/font/Magda-Cameo.otf") format("opentype");
}
  body { background-color: #cffae7ff;
    text-align: center;
    height:100%;
opacity: 1;
background-image:  radial-gradient(#31e8ab 0.75px, transparent 0.75px), radial-gradient(#31e8ab 0.75px, #cffae7 0.75px);
background-size: 30px 30px;
background-position: 0 0,15px 15px;
margin:0px;
cursor: auto;
	font-family: "magplain";
	font-size: 13px;
}
h3 { text-align: left;
    height:100%;
margin:0px;
	font-family: "magda";
	font-size: 30px;
}
h1 {font-family: "magda";
	font-size: 36px;
}
h5 {font-family: "magplain";
	font-size: 28px;
}
h4 {text-align: left;
  font-family: "magplain";
	font-size: 18px;
	margin:0px
}

footer {text-align: left;
  font-family: "magplain";
	font-size: 80px;
	margin:0px
}
.center {
  font-family: "magplain";
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rip {
  font-family: "magplain";
  margin-bottom: 10px;
  font-size: 15px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.para { 
  text-align: left;
  font-size: 15px;
  height:100%;
	font-family: "magplain";
}
a {
  text-decoration:none;
}
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: body;
}

::-webkit-scrollbar-thumb {
  background-color: #64b576;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #418c52;
}
div.gallery {
  margin: 5px;
  float: left;
  width: 180px;
}

div.gallery img {
  width: 100%;
  height: auto;
}

.desc {
  padding: 15px;
  text-align: center;
}