@use '../variables/colors';
@use '../variables/fonts';
@use '../variables/line-height';
@use '../variables/spacing';

@use '../tools/rfs';

.quote {
  max-width: 733px;
  @include rfs.margin-top(60px);
  @include rfs.margin-bottom(60px);
  margin-left: auto;
  margin-right: auto;
  @media (max-width: 480px) {
    margin-left: 10px;
  }
  .quote__text {
    font-family: fonts.$font-family-headline;
    font-weight: fonts.$font-weight-bold;
    font-style: italic;
    @include rfs.font-size(48px);
    text-indent: -10px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .quote__source {
    font-family: fonts.$font-family-sans-serif;
    font-weight: fonts.$font-weight-bold;
    @include rfs.font-size(18px);
    @include rfs.margin-top(20px);
  }
}