:root{
  --primary-color-500: #FF5722;
  --primary-color-50: #FBE9E7;
  --accent-color-500: #3F51B5;
  --accent-color-50: #E8EAF6;
}

* {
  font-family: 'Roboto', sans-serif;
}

body {
  overflow: hidden;
}

.align-center {
  align-items: center;
}

.align {
  vertical-align: middle;
  display: table-cell;
}

.border-left {
  border-left: 1px solid #000 !important;
}

.border-bottom {
  border-bottom: 1px solid #000 !important;
}

.text-box {
  border-bottom: 1px solid #e1e1e1;
  overflow: auto;
  font-size: 21px;
}

.card {
  max-width: 1068px;
  background-color: #fff;
}

.center {
  margin:auto;
  display: block;
}

html {
  background-color: #e1e1e1;
}

.font-press {
  font-family: 'Indie Flower', cursive;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-21 {
  font-size: 21px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-big {
  font-size: 40px;
}

.font-size-xbig {
  font-size: 70px;
}

.half-height {
  height: 50vh;
}

.half-page {
  height: 45%;
}

.hole-page {
  height: 100vh;
}

.margin-8 {
  margin: 16px;
}

.no-borders {
  margin: 0;
  padding: 0;
  border: 0;
}

.text-big {
  font-size: 42px;
}

.text-center {
  text-align: center;
}

.timer{
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}