/*----------------------------------------
    Login Page
------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Caveat|Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');


.login-bg {
    background: #010440;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Rubik', sans-serif;
}

.login-bg h5, .login-bg p {
    font-family: 'Rubik', sans-serif;
}

#login-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
}

#login-page .card-panel.border-radius-6.login-card {
    margin-left: 0 !important;
}

.col.s12.m6.l5.z-depth-4.card-panel.border-radius-6.login-card {
    position: fixed;
    right: 0;
    top: -2%;
    min-height: 108%;
    padding-top: 7%;
    padding-left: 4%;
    padding-right: 4%;
    border-radius: 0 !important;
    background: url(../../images/login_bg.jpg);
}

.login-card form#login_form {
    padding: 20px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 13px 0px #ddd;
}


.smart_logo div{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}
.smart_logo h1{
  font-family: 'Righteous', cursive;
  background:url('https://media.giphy.com/media/FE0WTM8BG754I/giphy.gif') center center no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:7rem;
  letter-spacing:10px;
  background-size:cover;
  margin:0px;
  color:transparent;
}
.smart_logo p{
  font-family: 'Righteous', cursive;
   color:transparent;
  font-size:2rem;
   letter-spacing:5px;
  margin:0px;
  background:linear-gradient(to right, #fff ,#aaa);
  -webkit-background-clip: text;
  
}