:root {
  --padding: 12px;
  --margin: 12px;
  --white: #fff;
  --black: #000;
  --red: #f00;
  --green: #45af45;
  --grey: #c1c1c1;
  --grey-accent-color: #eee;
  --light-grey: #F8F8F8;
  --box-shadow-primary: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --font-color: #000;
  --head-color: #000;
  --link-color: #45af45;
  --link-hover: #45af45;
  --primary-color: #45af45;
  --secondary-color: #f00;
  --grey-input-background: #F8F8F8;
  --input-border-color: #c1c1c1;
  --btn-color: #45af45;
  --btn-color-hover: #45af45;
  --btn-text-color: #fff;
  --btn-secondary-color: transparent;
  --btn-secondary-color-hover: #45af45;
  --btn-secondary-text-color: #fff;
  --font-base: 'Roboto', sans-serif;
  --font-heading: 'Roboto', sans-serif;
  --font-weight: 400;
  --heading-weight: bold;
  --desktop: 1400px;
  --laptop-l: 1200px;
  --laptop: 992px;
  --tablet: 768px;
  --mobile: 576px;
  --mobile-s: 450px;
  --mobile-xs: 360px;
}