/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./public/assets/css/blue-page.less ***!
  \***************************************************************************************************************************/
/* stylelint-disable function-linear-gradient-no-nonstandard-direction -- safe */
/**
 * Farebnost bola presunuta do 
 * /assets/css/ds/color.less resp @import url('/assets/css/ds/color.less');
 */
header {
  background-image: linear-gradient(to bottom, #152281, #3b4bc6 99%), linear-gradient(to bottom, #6E33FF, #6E33FF), linear-gradient(to bottom, #FFFFFF, #FFFFFF);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  mix-blend-mode: multiply;
  border: 0 none;
  color: #FFFFFF;
  overflow: hidden;
  padding-bottom: 50px;
}
header h1 {
  font-size: 34px;
  margin-top: 70px;
  letter-spacing: -0.5px;
  font-weight: 700;
}
header h1 + p {
  font-size: 16px;
  line-height: 30px;
  opacity: 0.8;
  max-width: 350px;
  margin: 25px auto 0;
}
@media (min-width: 992px) {
  header .user-links a {
    padding: 9px 20px;
  }
  header .user-links form input {
    width: 160px;
  }
  header .user-links form button {
    width: 135px;
  }
  header .user-links form button span.btarr {
    margin-left: 10px;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  header .user-links form input {
    width: 180px;
  }
  header .user-links form button {
    width: 140px;
  }
}