body{
  background-image:url(/build/images/background-gradiant.2aca7481.jpg)
}

::-webkit-scrollbar{
  display:none
}

.login-container{
  min-height:25vh;
  top:35vh;
  text-align:center
}

.logo{
  width:80%;
  margin:0 10% 10% 10%
}

.btn-login-container{
  font-family:"Raleway",sans-serif;
  position:absolute;
  width:40%;
  height:60px;
  left:30%
}

.btn-login-link{
  height:inherit
}

.btn-login-link svg{
  height:60px;
  left:0;
  position:absolute;
  top:0;
  width:100%
}

.btn-login-link rect{
  fill:none;
  stroke:#a9e5bb;
  stroke-width:3;
  stroke-dasharray:422,0;
  transition:all .35s linear
}

.btn-login-link:hover rect{
  stroke-width:5;
  stroke-dasharray:0,422;
  stroke-dashoffset:58;
  transition:all 1.35s cubic-bezier(0.19, 1, 0.22, 1)
}

.btn-login{
  background-color:rgba(0,0,0,0);
  height:inherit;
  color:#a9e5bb !important;
  font-weight:300 !important;
  font-size:1.2em !important;
  border:none !important
}

.btn-login:hover{
  font-weight:600 !important;
  letter-spacing:1px !important
}

.btn-login:focus{
  background-color:rgba(0,0,0,0)
}

.login-container.is-embedded{
  min-height:0;
  top:auto;
  padding:1.5rem 1rem
}

.login-container.is-embedded .logo{
  width:auto;
  margin:0 0 1.25rem
}

.login-container.is-embedded .logo img{
  max-height:48px;
  width:auto
}

.login-container.is-embedded .btn-login-container{
  position:relative;
  width:min(320px,100%);
  height:60px;
  left:auto;
  margin:0 auto
}