@import '../../../node_modules/normalize.css/normalize.css';

@font-face {
  font-family: 'PF Din Text Cond Pro';
  src: url("../../resources/fonts/pfdintextcondpro-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url("../../resources/fonts/roboto-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url("../../resources/fonts/roboto-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url("../../resources/fonts/roboto-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

* {
  box-sizing: border-box;

  &::before,
  &::after {
    box-sizing: border-box;
  }
}

html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  background-color: #000;
}

.root {
  width: 100%;
  height: 100%;
}