@import 'template.scss';

.container {
  display: flex;
  padding: 20px 5%;
  gap: 10px;
}

.line {
  border-bottom: 1.5px solid $base-color;
  flex: 1 1 0;
  height: 28px;

  &.base {
    border-color: $base-color;
  }

  &.shade1 {
    border-color: $shade1;
  }

  &.shade2 {
    border-color: $shade2;
  }

  &.shade3 {
    border-color: $shade3;
  }

  &.contrast {
    border-color: $contrast-color;
  }

  &.contrastShade1 {
    border-color: $contrast-shade1;
  }
}

@media screen and (max-width: 1100px) {
  .container {
    padding: 20px;
  }
}