* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #444;
}

html,
body {
  height: 100vh;
  overflow-x: hidden;
  font-family: 'Inter Tight', sans-serif;
  font-optical-sizing: auto;
  background: #f4f4f4;
}

@font-face {
  font-family: 'Bungee Shade';
  src: url('https://icons.arkipel.io/arkipelcawip/BungeeShade-Regular.ttf');
}

@font-face {
  font-family: 'PT Sans';
  src: url('./PT_Sans-Web-Regular.ttf');
}

@font-face {
  font-family: 'PT Sans';
  src: url('./PT_Sans-Web-Bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'PT Sans';
  src: url('./PT_Sans-Web-Italic.ttf');
  font-style: italic;
}

@font-face {
  font-family: 'PT Sans';
  src: url('./PT_Sans-Web-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}