@charset "UTF-8";

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/lato-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('./fonts/lato-v20-latin-regular.eot?#iefix') format('embedded-opentype')
      url('./fonts/lato-v20-latin-regular.woff2') format('woff2')
      url('./fonts/lato-v20-latin-regular.woff') format('woff')
      url('./fonts/lato-v20-latin-regular.ttf') format('truetype')
      url('./fonts/lato-v20-latin-regular.svg#Lato') format('svg');
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/lato-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('./fonts/lato-v20-latin-700.eot?#iefix') format('embedded-opentype')
      url('./fonts/lato-v20-latin-700.woff2') format('woff2')
      url('./fonts/lato-v20-latin-700.woff') format('woff')
      url('./fonts/lato-v20-latin-700.ttf') format('truetype')
      url('./fonts/lato-v20-latin-700.svg#Lato') format('svg');
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/lato-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('./fonts/lato-v20-latin-900.eot?#iefix') format('embedded-opentype')
      url('./fonts/lato-v20-latin-900.woff2') format('woff2')
      url('./fonts/lato-v20-latin-900.woff') format('woff')
      url('./fonts/lato-v20-latin-900.ttf') format('truetype')
      url('./fonts/lato-v20-latin-900.svg#Lato') format('svg');
}

/* Sets the group title to be a bolder font */
.group-title {
  font-family: Lato;
  font-weight: 800;
}

/* Changes the card title to be a bolder font */
.title {
  font-weight: 700;
}

/* Changes the subtitle to be a bolder font */
.subtitle {
  font-weight: 500;
}

/* Adds spacing to the bottom of cards */
body #app .card-content {
  margin-bottom: 0.75rem;
}

/* Turns the opacity of the cards down to 80% */
body #app .card,
body #app .card:hover,
body #app .message {
  opacity: 80%;
}

/* Adds more border radius to the cards */
body .layout-vertical .column div:first-of-type .card {
  border-radius: 0.5rem;
}
body .layout-vertical .card {
  border-radius: 0.5rem;
}

/* Removes the header */
#bighead {
  display: none;
}