@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap');

$black: #000000;
$white: #ffffff;
$gray: #E3E3E3;
$accent_colour: #9b3c5c;

@mixin darkSection {
  background-color: $black;
  color: $white;
  font-weight: 300;
}

@mixin lightSection {
  background-color: $white;
  color: $black;
  font-weight: 400;
}

@mixin fullPage {
  width: 100%;
  @media (min-width: 768px) {
    min-height: 100vh;
  }
  overflow: clip;
}

@mixin nextImg {
  img {
    position: relative !important;
  }
}

$largeGap: 60px;
$mediumGap: 30px;
$smallGap: 15px;

@mixin regularFont {
  font-family: Work Sans, sans-serif;

  font-size: 20px;

  @media (max-width: 768px) {
    font-size: 15px;
  }
}