:root {
  --clr-primary-header:   hsl(200, 100%,  40%);
  --clr-secondary-header: hsl(  0,   0%, 100%);
  --clr-primary-input:    hsl(200, 100%,  40%);
  --clr-secondary-input:  hsl(213,  19%,  88%);
  --clr-ff-header:        hsl(225,   2%,  36%);
  --clr-primary-btn:      hsl(356,  95%,  46%);
  --clr-ff-standard:      hsl(  0,   0%,   0%);
  --clr-warning:          hsl(  0, 100%,  50%);
}

* {
    box-sizing: border-box;
}
body {
    padding: 0;
    margin: 0 auto;
    font-family: Rotis;
    font-size: 14px;
    line-height: 16px;
}

h1 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    color: var(--clr-ff-header);
    margin-bottom: 20px;
}

.container {
    width: 90%;
    margin: 0 auto;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container_error {
    width: 90%;
    margin: auto;
    color: var(--clr-warning);
}

.flexbreak {
    flex-basis: 100%;
    height: 0;
}