@font-face {
  font-family: ProximaNova;
  src: url('fonts/ProximaNova-Reg.otf') format('opentype');
  font-weight: 400;
}

@font-face {
  font-family: ProximaNova;
  src: url('fonts/ProximaNova-Sbold.otf') format('opentype');
  font-weight: 600;
}

@font-face {
  font-family: ProximaNova;
  src: url('fonts/ProximaNova-Bold.otf') format('opentype');
  font-weight: 700;
}

@font-face {
  font-family: UtopiaStd;
  src: url('fonts/UtopiaStd-Regular.otf') format('opentype');
  font-weight: 400;
}

@font-face {
  font-family: UtopiaStd;
  src: url('fonts/UtopiaStd-Italic.otf') format('opentype');
  font-style: italic;
}

@font-face {
  font-family: UtopiaStd;
  src: url('fonts/UtopiaStd-Semibold.otf') format('opentype');
  font-weight: 600;
}

body {
  background: #f8f8f8;
  color: #414b56;
  font-family: ProximaNova;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

#app {
  height: 100vh;
  overflow: auto;
}

.root-loader {
  padding: 40px 40px;
}

.root-loader h1 {
  margin: 0;
  padding: 0;
}

a:hover {
  cursor: pointer;
}