:root {
  --clr-primary-header:   #F2F2F2;/*hsl(213,  19%,  88%);*//*#E3E3E3;*//*#434752; hsl(204, 100%,  24%);*/
  --clr-secondary-header: hsl(  0,   0%, 100%);
  --clr-primary-input:    hsl(204, 100%,  36%);
  --clr-secondary-input:  hsl(213,  19%,  88%);
  --clr-ff-header:        hsl(225,   2%,  36%);
  --clr-primary-btn:      #A02030; /*hsl(356,  95%,  46%);*/
  --clr-ff-standard:      hsl(  0,   0%,   0%);
  --clr-warning:          hsl(  0, 100%,  50%);
  --clr-cr-input:         #1C9DD9;
  --clr-primary-background: #A02030;
  --clr-secondary-background: #CDCDCD;/*#BBBBBB;*/
  --clr-secondary-hover: #DCDCDC;/*#7589A3;*//*A4B0BF;*/
  /*--clr-secondary-btn: ;*/
  --clr-primary-font: #292929;
  --clr-secondary-font: #FFFFFF;
  --clr-focus-input: #D3D3D3;/*#DBE0E6;*/
  --clr-hover-red-button: #B95A66;
  --clr-hover-x-button: #868686;
}

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

h1 {
    padding: 2%;
    margin-top: -1.3%;
    font-size: 24px;
    line-height: 30px;
    color: var(--clr-primary-font);
    margin-bottom: 20px;
}

.container {
    width: 85%;
    margin: 0 auto;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*border-top-left-radius: 10px;*/
    /*border-top-right-radius: 10px;*/
    border-radius: 10px;
    /*margin-top: 2%;*/
}

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

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