@import './colors.scss';
@import './components-styles/components-styles.scss';

/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: helvetica;
  src: url(/assets/fonts/Helvetica.ttf);
}

$font-size: 14px;

html, body {
  height: 100%;
}
body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: $font-size;
  font-family: helvetica;

  ::selection {
    background: $blue;
    color: white;
  }
  ::-moz-selection {
    background: $blue;
    color: white;
  }
}


// Utilitary classes
.max-width {
  width: 100%;
}

div.row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: .5rem 0;
  max-width: 100%;

  &.action {
    margin-top: 1.5rem;
    justify-content: space-between;
  }

  & > * {
    display: flex;
    flex: 1 0;
  }
}
