frontend/src/stylesheets/random-item.scss

@import "variables";


.section-heading {
  padding-top: 1em;
}
.section-title{
  line-height: 0.5;
  text-align: center;
  padding: 1em;
}
// --------------------------
//        add horizontal lines around the section title.
//----------------------------
.section-title span{
  display: inline-block;
  position: relative;
}
.section-title span:before,
.section-title span:after {
  content: "";
  position: absolute;
  height: 8px;
  border-bottom: 3px solid black;
  top: 0;
  width: 400px;
}
.section-title span:before {
  right: 100%;
  margin-right: 15px;
}
.section-title span:after {
  left: 100%;
  margin-left: 15px;
}