html,
body,
#root {
  width: 100%;
  height: 100%;
  /* min-height: 100vh; */
  min-width: 100vw;
  padding: 0;
  margin: 0;
  overflow-x: clip;
  font-family: 'Helvetica Neue', sans-serif;
  letter-spacing: 0.1em;
  font-weight: 100;
}



.darkblue {
  color: #212936;
}

.blue {
  color: #2196f3;
}

.gray {
  color: #c4c4c4;
}

.red {
  color: #f32121;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('fonts/HelveticaNeueCyr-Bold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('fonts/HelveticaNeueCyr-Roman.woff2') format('woff2');
  font-weight: 400; 
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('fonts/HelveticaNeueCyr-Light.woff2') format('woff2');
  font-weight: 300; 
  font-style: normal;
}