body {
  margin: 0;
  line-height: normal;
  background-color: #181818;
}

:root {
  /* fonts */
  --body-semibold-small: "Open Runde";

  /* font sizes */
  --body-semibold-small-size: 12px;
  --body-medium-medium-size: 14px;
  --body-semibold-xlarge-size: 18px;

  /* Colors */
  --color-bg-primary: #fff;
  --color-text-weak: #c2c2c2;
  --color-text-brand: #5183eb;

  /* Spacing */
  --dimension-spacing-x5: 48px;
  --dimension-spacing-xl: 24px;
  --dimension-spacing-xxs: 4px;
  --dimension-spacing-md: 16px;
  --dimension-spacing-xxxl: 40px;



  
}
@font-face {
  font-family: 'Open Runde';
  src: url('fonts/OpenRunde-Regular.otf') format('opentype');
  src: url('fonts/OpenRunde-Medium.otf') format('opentype');
}

body {
  font-family: 'Open Runde', sans-serif;
}

.custom-font {
  font-family: 'Open Runde', sans-serif;
}