frontend/src/stylesheets/random-item.scss

@import "variables";

/* section heading*/
.section-title {
  padding: 1em;
  margin-bottom: 1em;
}


.section-heading {
  padding-top: 1em;
}
.section-title{
  margin: 0 0 2em 0;
  line-height: 0.5;
  text-align: center;
}
.section-title span{
  display: inline-block;
  position: relative;
}
.section-title span:before,
.section-title span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  top: 0;
  width: 300px;
}
.section-title span:before {
  right: 100%;
  margin-right: 15px;
}
.section-title span:after {
  left: 100%;
  margin-left: 15px;
}
/* view all elements */
.view-all-parents {
  color: white;
  background: black;
  padding: 1em;
  position: relative;
  top: 1em;
}

.view-all-parents,
.view-all-items {
  text-decoration: none;
}

.view-all-items {
  color: black;
  text-decoration: none;
  padding: 1em;
  border: 1px solid black;
  position: relative;
  top: 1em;
}