<style media="screen">

h1, h2 {
  font-weight:300 !important;
}

@keyframes from-bottom {
  0%   {transform: translateY(100px);opacity: 0;}
  100% {transform: translateY(0px);opacity: 1;}
}
@keyframes from-right {
  0%   {transform: translateX(100px);opacity: 0;}
  100% {transform: translateX(0px);opacity: 1;}
}
@keyframes body {
  0%   {transform: scale(1.5);}
  100% {transform: scale(1);}
}

body,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,button,input,label,div {
  font-family: 'Yekan Bakh', sans-serif !important;
}

body {
  background: url('/img/world-map.png') no-repeat fixed !important;
  background-size: cover !important;
  overflow-y: auto;
}

input[type] {
  transition: 0.5s !important;
}
.login-background {
  height: 105% !important;
}
.login-background.inverted {
  background: #323b4b !important;
}
.login-form-container {
  opacity: 0;
  animation: from-right 1s ease 0.6s 1 normal forwards;
  max-width: 450px;
  margin: auto !important;
  margin-top: 50px !important;
  border: 1px solid #80808082;
  background: white;
  border-radius: 10px;
  margin-bottom: 100px !important;
  box-shadow: 0 0 50px #00000036;
}

.iotheme.input {
}
.iotheme.input.light {
}
.iotheme.input.dark {
  background: #111217 !important;
  color: white !important;
}
i.dark {
  color: white !important;
}
h1 {
  opacity: 0;
  animation: from-bottom 1s ease 0s 1 normal forwards;
}
h4 {
  opacity: 0;
  animation: from-bottom 1.5s ease 0.3s 1 normal forwards;
}
.text.light {
  color: #1f293e !important;
}
.text.dark {
  color: white !important;
}
.ui.grid.light {

}
.ui.grid.dark {

}

.field.g-recaptcha {
  padding-top: 20px;
  margin-top: 20px !important;
  padding-bottom: 20px;
  margin-bottom: 20px !important;
  border-top: 1px solid #8080805c;
  border-bottom: 1px solid #8080805c;
}

@media only screen and (min-width: 990px) {
  .mini-logo {
    display: none;
  }
}

@media only screen and (max-width: 990px) {
  .mini-logo {
    display: block;
  }
}

</style>
