@import url(https://fonts.googleapis.com/css?family=Roboto:regular,italic,500,500italic,600,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:regular,500,600,700,900);
@import url(https://fonts.googleapis.com/css?family=Inter:regular,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:regular,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Caveat:regular,500,600,700);

:root {
  --dark-color: #000;
  --primary-color: #ff0000;

  --light-text-color: rgb(241, 245, 249);
  --grey-text-color: rgb(158, 158, 158);
  --dark-grey-text-color: rgb(153, 153, 153);

  --dark-red-color: rgb(214, 3, 0);

  --blue-color: rgb(56, 189, 248);

  --red-shadow: inset 0 0 0 -2.5px #ff000038, inset 0 0 0 -5px #f000;
}

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

html,
body {
  height: 1px;
  min-height: 100%;
  width: 100%;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: var(--light-text-color);
}

.wrapper {
  width: 100%;
  height: 100%;
  background-color: var(--dark-color);
  overflow-x: hidden;
}

.wrapper section {
  margin: 0 auto;
}