@import url('http://fonts.cdnfonts.com/css/lato');

html{
    font-family: 'Lato', sans-serif;
}

body{
  min-height:100vh;
  background-color: aliceblue;
  background-image: url(/assets/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center bottom;
}

form{
    width: 60vw;
    margin:auto;
    margin-top: 10vh;
    padding: 2vw;
    color: rgb(239, 239, 239);
    background-color: #008ea7;
    border-radius: 10px;
}
@media  only screen and (max-width: 864px) {
    form{
        width: 90vw;
    }
}

.primelogo{
  display:block;
  width: 20vw;
  height:auto;
  margin:auto;
  margin-top:5vh;
}

@media  only screen and (max-width: 864px) {
  .primelogo{
      width: 40vw;
  }
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
  }
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    
    border-radius: 50%;
    border: 6px solid #008ea7;
    border-color: #008ea7 transparent #008ea7 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  .loading-loop{
    position:fixed;
    width:100%;
    height:100%;
    z-index:99;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.5);
  }