@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik/Rubik-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik/Rubik-SemiBold.ttf') format('truetype');
  font-weight: 600 bold;
}

@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo/Heebo-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo/Heebo-SemiBold.ttf') format('truetype');
  font-weight: 600 bold;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: 600 bold;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Rubik', 'Roboto', 'Open Sans', sans-serif;
  font-size: 16px;
}

* {
  box-sizing: border-box;
}

#root {
  height: 100%;
}
