html, body {
    height: 100%;
    font-family: "Lato", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

body {
    background: url(../img/bcg.jpg) no-repeat;
    background-size: cover;
}

.technowlogy {
    font-family: 'Comfortaa';
    font-weight: 100;
}

.logo img {
    width: 150px;
    height: auto;
}
.logo .brand {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
}
.logo .slogan {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 0.8rem;
}

.coming-soon {
    font-size: 2rem;
    font-weight: 300;
}

.rainbow-bar
{
  background : -moz-linear-gradient(0% 50% 0deg,rgba(231, 180, 3, 1) 0%,rgba(228, 50, 18, 1) 32.02%,rgba(169, 21, 128, 1) 62.07%,rgba(0, 158, 226, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(231, 180, 3, 1) 0%, rgba(228, 50, 18, 1) 32.02%, rgba(169, 21, 128, 1) 62.07%, rgba(0, 158, 226, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(231, 180, 3, 1) ),color-stop(0.3202,rgba(228, 50, 18, 1) ),color-stop(0.6207,rgba(169, 21, 128, 1) ),color-stop(1,rgba(0, 158, 226, 1) ));
  background : -o-linear-gradient(0deg, rgba(231, 180, 3, 1) 0%, rgba(228, 50, 18, 1) 32.02%, rgba(169, 21, 128, 1) 62.07%, rgba(0, 158, 226, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(231, 180, 3, 1) 0%, rgba(228, 50, 18, 1) 32.02%, rgba(169, 21, 128, 1) 62.07%, rgba(0, 158, 226, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7B403', endColorstr='#009EE2' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(231, 180, 3, 1) 0%, rgba(228, 50, 18, 1) 32.02%, rgba(169, 21, 128, 1) 62.07%, rgba(0, 158, 226, 1) 100%);
  border-radius : 1px;
  -moz-border-radius : 1px;
  -webkit-border-radius : 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7B403',endColorstr='#009EE2' , GradientType=1);

  width: 100%;
  height: 4px;
}