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