body {
  /*  background-image: url("../img/bckg.png");
  background-size: cover*/
  font-family: "Lexend", sans-serif;
}

h1, h2, h3, h4, h4, h6 {
  text-transform: uppercase
}

.ui.message.extra-info {
  border-left: solid 3px #ddd;
  box-shadow: none;
  border-radius: 0
}

.ui.message {
  border: none;
  box-shadow: none !important;
  border-left: solid 3px;
  border-radius: 0
}

.ui.button {
  color: #fff;
  text-transform: uppercase;
  border-radius: 30px;
  line-height: 1.5em;
  font-size: .9em;
  background: rgba(230,115,39,1);
  background: -moz-linear-gradient(top,rgba(230,115,39,1) 0%,rgba(255,38,0,1) 100%);
  background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(230,115,39,1)),color-stop(100%,rgba(255,38,0,1)));
  background: -webkit-linear-gradient(top,rgba(230,115,39,1) 0%,rgba(255,38,0,1) 100%);
  background: -o-linear-gradient(top,rgba(230,115,39,1) 0%,rgba(255,38,0,1) 100%);
  background: linear-gradient(to bottom,rgba(230,115,39,1) 0%,rgba(255,38,0,1) 100%)
}

  .ui.button:hover, .ui.active.button:hover, .ui.button:active, .ui.active.button:active {
    color: #fff;
    background: rgba(230,115,39,1);
    background: -moz-linear-gradient(top,rgba(230,115,39,1) 0%,rgba(255,38,0,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(230,115,39,1)),color-stop(100%,rgba(255,38,0,1)));
    background: -webkit-linear-gradient(top,rgba(230,115,39,1) 0%,rgba(255,38,0,1) 100%);
    background: -o-linear-gradient(top,rgba(230,115,39,1) 0%,rgba(255,38,0,1) 100%);
    background: linear-gradient(to bottom,rgba(230,115,39,1) 0%,rgba(255,38,0,1) 100%)
  }

.ui.popup {
  max-width: 500px
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/bckg.png);
  background-size: 20%;
  background-position: center;
  opacity: 0.04; /* semi-transparent */
  z-index: 0; /* behind content */
}