@font-face {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 300;
  src: local('Satoshi-Light'), url('fonts/Satoshi/Satoshi-Light.otf') format('opentype');
}

@font-face {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  src: local('Satoshi'), local('Satoshi-Regular'), url('fonts/Satoshi/Satoshi-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  src: local('Satoshi-Medium'), url('fonts/Satoshi/Satoshi-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  src: local('Satoshi-Bold'), url('fonts/Satoshi/Satoshi-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 900;
  src: local('Satoshi-Black'), url('fonts/Satoshi/Satoshi-Black.otf') format('opentype');
}


@font-face {
  font-family: 'Vice City Sans';
  font-style: normal;
  src: local('ViceCitySans'), url('fonts/ViceCitySans/ViceCitySans.otf') format('opentype');
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: "Satoshi", "Vice City Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}