/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
 * Fonts
 */
@font-face {
  font-family: "IMFellEnglishPRO";
  src: url("/fonts/IMFeENit29C.otf");
}

@font-face {
  font-family: "Forum";
  src: url("https://fonts.googleapis.com/css?family=Forum");
}
@font-face {
  font-family: "Josefin Slab", serif;
  src: url("https://fonts.googleapis.com/css?family=Josefin+Slab");
}

body {
  font-family: monospace, serif !important;
  font-weight: 400;
  margin: 0;
}
.title {
  font-family: serif;
  font-style: italic;
  color: #4c4c4c;
}

.title:hover {
  font-family: initial;
  color: #635bff;
}

.body-container {
  max-width: 497px;
  min-width: 365px;
  text-align: center;
  margin: 0 auto;
}

.about-img {
  width: 100%;
  -webkit-mask-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgba(0, 0, 0, 1)),
    color-stop(0.35, rgba(0, 0, 0, 1)),
    color-stop(0.5, rgba(0, 0, 0, 1)),
    color-stop(0.75, rgba(0, 0, 0, 1)),
    color-stop(0.85, rgba(0, 0, 0, 0)),
    color-stop(1, rgba(0, 0, 0, 0))
  );
}

.imgLogo {
  margin: 0 auto;
  display: block;
  width: 75%;
}

a {
  text-decoration: none;
  color: #323232;
}

/* unvisited link */
a:link {
  color: #20b2aa;
}
a:visited {
  color: #20b2aa;
} /* visited link */
a:active {
  color: #20b2aa;
} /* selected link */
a:hover {
  color: #66cdaa;
  text-decoration: none;
  font-weight: none;
}

h1 {
  margin-left: auto;
  margin-right: auto;
  display: inline;
  padding: 3px;
  font-family: "IM Fell English", serif;
}

p {
  padding: 10px;
}

.outerblock {
  margin: 0 auto;
  padding: 0 25px 0;
  margin: auto;
  max-width: 640px;
}
.innerblock {
  text-align: left;
  display: inherit;
}

blockquote {
  margin: 1em 20px;
}

.w-100 {
  width: 100%;
}

@media (min-width: 900px) {
  .wider {
    margin: 0 -100px 0;
  } 
}

img+img {
  padding-bottom: 1rem;
}