*{
  font-family: "Courier New", monospace;
}

#top, #bottom, #left, #right{
  background: #ffcc33;
  position: fixed;
}
#left, #right {
	top: 0; bottom: 0;
	width: 20px;
}
#left {left: 0;}
#right {right: 0;}
#top, #bottom {
	left: 0; right: 0;
	height: 20px;
}
#top {top: 0;}
#bottom {bottom: 0;}

header{
  color: #ffcc33;
  font-family: 'Dark Paradise', 'HelveticaNeue-Light', sans-serif;
}

.zine-frame-container{
  display: flex;
  margin: 0 20px;
  margin-top: 85px;
  padding: 0 50px;
  height: 80vh;
  justify-content: space-between;
}

.description{
  height: 100px;
  width: 28%;
}

.zine-frame{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 68%;
}

#zine-header{
  font-size: 30px;
  font-weight: 200;
  margin-left: 50px;
  margin-bottom: 20px;
}

.zine-grid{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.zine-item{
  height: 400px;
  margin: 0 50px 50px 50px;
}

.zine-item:last-of-type{
  margin-bottom: 100px;
}

.zine-title{
  margin-top: 5px;
}