$link-color: #f52e62;
$text-color: #3f517e;
$hr-color:   rgba(0,0,0,0.35);
$hr-text-color: #453986;

$letter-spacing: .32em;

$background-color: #fff;

div.divider {
    font-family: "Share Tech Mono", monospace;
    color: $text-color;
    font-size: 2vh;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    &::before,
    &::after {
      content: '';
      display: block;
      height: 0.09em;
      min-width: 30vw;
    }
    
    &::before {
      background: linear-gradient(to right, rgba(240,240,240,0), #fff);
      margin-right: 4vh;
    }
    
    &::after {
      background: linear-gradient(to left, rgba(240,240,240,0), #fff);
      margin-left: 4vh;
    } 
  }




  hr {
    display: block;
    margin: 10px 0 -15px;
    width: 100%;
    height: 1px;
    border: 0;
    background-color: $hr-color;
    
    + h2 {
      display: inline-block;
      position: relative;
      left: 50%;
      margin: 0;
      padding: 5px 10px;
      border: 1px solid $hr-text-color;
      //box-shadow: inset 0 0 0 1px $hr-text-color;
      transform: translateX(-50%);
      color: $hr-text-color;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: $letter-spacing;
      text-align: center;
      text-transform: uppercase;
      background-color: $background-color;
      
      // Cancel out offset created by letterspacing
      &::first-letter {
        margin-left: $letter-spacing;
      }
    }
  }