body{
  font-family: 'Raleway', sans-serif;
}

.jumbotron{
  margin: 0px;
  margin-bottom: 2%;
  padding-left: 10%;
  background-color: white;
  border-bottom: solid 2px;
}

.triangle-left {
	width: 0;
	height: 0;
	border-top: 1.5rem solid transparent;
	border-right: 3rem solid black;
	border-bottom: 1.5rem solid transparent;
}

.triangle-right {
	width: 0;
	height: 0;
	border-top: 1.5rem solid transparent;
	border-left: 3rem solid black;
	border-bottom: 1.5rem solid transparent;
}

#relative_blogs{
  position: -webkit-sticky;
  position: sticky;
  top: 35%;
  margin-top: 30%;
}

.relative-box{
  width: 100%;
  height: 3rem;
  border: solid 2px black;
  background-color: black;
  text-align: center;
}

.relative-box a{
  color: white;
}

.relative-box a:hover{
  padding-left: 5%;
  color: white;
  text-decoration: none;
}

#prev_blog{
  margin-right: 30%;
}

#next_blog{
   margin-top: 5%;
   margin-left: 30%;
}