@import url(https://fonts.googleapis.com/css?family=Patua+One|Roboto&display=swap);
body{
  margin: 0;
}

:root {
  --primary-font: 'Patua One', cursive;
  --secondary-font: 'Roboto', sans-serif;

  --primary-color: 6, 44, 61;
  --primary-color-dark: 0, 18, 21;
  --primary-color-light: 218, 241, 251;
  --primary-color-text: 255, 255, 255;
  --accent-color: 13, 115, 81;
  --primary-text-color: 33, 33, 33;
  --secondary-text-color: 117, 117, 117;
  --divider-color: 189, 189, 189;
  --alternate-color: 255, 179, 0;

  --background-base: 238, 238, 244;
  --background-fill: 255, 255, 255;

  --triadic: 175, 74, 125;
  
  --topbar-height: 7vh;
  --content-safe-zone: 28px;

  --breakpoint-5: '(min-width:768px)';
  --breakpoint-6: '(min-width:1024px)';
  --breakpoint-7: '(min-width:1280px)';
}