@import url("https://use.typekit.net/ipd7dqw.css");

@import "./reset.css";

body {
  color: #2d2d2d;
  
  font-family: "sabbath-black", serif;
font-weight: 400;
font-style: normal;
}


h1 {
  color: #2f2f2f;
}

h3 {
  color: #555;
}
h1, h2, h3, h4 {

font-family: "sabbath-black", serif;
font-style: normal;
margin-bottom: 1em;

}


zine-page-content {
  background-color: transparent;
  color: black;
}

button {
  color: white;
  transition: background-color 0.25s linear;
  border: 1px solid white;
  background-color: rgba(0,0,0,0.25);
  padding: 1em;
  width: 8em;
}

button:active {
  background-color: rgba(0,0,0,0.9);
}

button:hover {
  color: black;
  background-color: rgba(255,255,255,0.4);
}


article {
  padding: 2em;
  width: 100%;
  max-width: 40em;
  float: left;
  text-align: justify;
}


article p {
  margin-bottom: 1em;
}

footer {
  background-color: #2d2d2d;
  color: white;
  clear: both;
  width: 100%;
  text-align: center;
}

strong {
  font-weight: normal;
  font-style: italic;
}

footer a {
  color: white;
  background-color: transparent;
}

a {
  color: black;
  background-color: lemonchiffon;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img.full-size {
  min-height: calc(100% - 2em);
  height: auto;
  width: 40em;
}

img {
  width: 100%;
  height: auto;
  margin: 2em 0;
}