@font-face {
    font-family: 'Klavika';
    src: local('Klavika-Regular'), url('https://robostaticcontent.s3.eu-central-1.amazonaws.com/NewLayout/RKS/Fonts/Klavika-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Klavika';
    src: local('Klavika-Medium'), url('https://robostaticcontent.s3.eu-central-1.amazonaws.com/NewLayout/RKS/Fonts/Klavika-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: 'Klavika';
    src: local('Klavika-Bold'), url('https://robostaticcontent.s3.eu-central-1.amazonaws.com/NewLayout/RKS/Fonts/Klavika-Bold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
  }
  :root{
    --font-first: "Klavika", sans-serif;;
    --font-second: "Klavika", sans-serif;
  }
  html{
    font-family: var(--font-first);
    font-kerning: normal;
    font-optical-sizing: auto;
  }