@font-face {
  font-family: 'Satoshi-Regular';
  src: url('satoshi/Satoshi-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Satoshi-Medium';
  src: url('satoshi/Satoshi-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'Satoshi-Bold';
  src: url('satoshi/Satoshi-Bold.otf') format('opentype');
}

:root {
  --primary-brand-color: rgba(2, 233, 205, 1);
  --secondary-brand-color: rgba(126, 126, 126, 1);
  --accent-color: rgba(29, 44, 60, 1);
  --black: rgba(0, 0, 0, 1);
  --white: rgba(255, 255, 255, 1);
  --dark-blue: rgba(29, 44, 60, 1);
  --dark-grey: rgba(243, 243, 243, 1);
  --main-colorcyan: rgba(2, 233, 205, 1);
  --main-colorgrey: rgba(126, 126, 126, 1);
  --satoshi-b-28-font-family: "Satoshi-Bold";
  --satoshi-b-28-font-weight: 700;
  --satoshi-b-28-font-size: 28px;
  --satoshi-b-28-letter-spacing: 0px;
  --satoshi-b-28-line-height: normal;
  --satoshi-b-28-font-style: normal;
  --satoshi-r-18-font-family: "Satoshi-Regular";
  --satoshi-r-18-font-weight: 400;
  --satoshi-r-18-font-size: 18px;
  --satoshi-r-18-letter-spacing: 0px;
  --satoshi-r-18-line-height: normal;
  --satoshi-r-18-font-style: normal;
  --satoshi-m-16-font-family: "Satoshi-Medium";
  --satoshi-m-16-font-weight: 500;
  --satoshi-m-16-font-size: 16px;
  --satoshi-m-16-letter-spacing: 0px;
  --satoshi-m-16-line-height: normal;
  --satoshi-m-16-font-style: normal;
  --satoshi-b-20-font-family: "Satoshi-Bold";
  --satoshi-b-20-font-weight: 700;
  --satoshi-b-20-font-size: 20px;
  --satoshi-b-20-letter-spacing: 0px;
  --satoshi-b-20-line-height: normal;
  --satoshi-b-20-font-style: normal;
  --satoshi-r-14-font-family: "Satoshi-Regular";
  --satoshi-r-14-font-weight: 400;
  --satoshi-r-14-font-size: 14px;
  --satoshi-r-14-letter-spacing: 0px;
  --satoshi-r-14-line-height: normal;
  --satoshi-r-14-font-style: normal;
  --satoshi-b-18-font-family: "Satoshi-Bold";
  --satoshi-b-18-font-weight: 700;
  --satoshi-b-18-font-size: 18px;
  --satoshi-b-18-letter-spacing: 0px;
  --satoshi-b-18-line-height: normal;
  --satoshi-b-18-font-style: normal;
  --satoshi-b-16-font-family: "Satoshi-Bold";
  --satoshi-b-16-font-weight: 700;
  --satoshi-b-16-font-size: 16px;
  --satoshi-b-16-letter-spacing: 0px;
  --satoshi-b-16-line-height: normal;
  --satoshi-b-16-font-style: normal;
  --satoshi-r-24-font-family: "Satoshi-Regular";
  --satoshi-r-24-font-weight: 400;
  --satoshi-r-24-font-size: 24px;
  --satoshi-r-24-letter-spacing: 0px;
  --satoshi-r-24-line-height: normal;
  --satoshi-r-24-font-style: normal;
  --satoshi-m-18-font-family: "Satoshi-Medium";
  --satoshi-m-18-font-weight: 500;
  --satoshi-m-18-font-size: 18px;
  --satoshi-m-18-letter-spacing: 0px;
  --satoshi-m-18-line-height: normal;
  --satoshi-m-18-font-style: normal;
  --satoshi-r-16-font-family: "Satoshi-Regular";
  --satoshi-r-16-font-weight: 400;
  --satoshi-r-16-font-size: 16px;
  --satoshi-r-16-letter-spacing: 0px;
  --satoshi-r-16-line-height: normal;
  --satoshi-r-16-font-style: normal;
  --satoshi-m-14-font-family: "Satoshi-Medium";
  --satoshi-m-14-font-weight: 500;
  --satoshi-m-14-font-size: 14px;
  --satoshi-m-14-letter-spacing: 0px;
  --satoshi-m-14-line-height: normal;
  --satoshi-m-14-font-style: normal;
  --satoshi-b-14-font-family: "Satoshi-Bold";
  --satoshi-b-14-font-weight: 700;
  --satoshi-b-14-font-size: 14px;
  --satoshi-b-14-letter-spacing: 0px;
  --satoshi-b-14-line-height: normal;
  --satoshi-b-14-font-style: normal;
  --satoshi-r-20-font-family: "Satoshi-Regular";
  --satoshi-r-20-font-weight: 400;
  --satoshi-r-20-font-size: 20px;
  --satoshi-r-20-letter-spacing: 0px;
  --satoshi-r-20-line-height: normal;
  --satoshi-r-20-font-style: normal;
}