@import "slovenscina-elements.scss";



.background {
  background: url(../image/bg.jpeg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow-y: scroll;
  height:200vh;
  width:100%;
}

.login-panel {
  position:absolute;
  width:50%;
  left:25%;
  top: 100px;
}

.register-button {
  position:relative;
  margin-top:2rem;
  display: block;
  text-decoration: none;
  color:$grey-dark;
  img {
    width:2rem;
  }
  h3 {
    position:absolute;
    left:3rem;
    top:0;
    margin:0;
  }
  p {
    position:absolute;
    left:3rem;
    bottom:0;
    margin:0;
    font-size:0.875rem;
    font-weight: 300;
  }
}

.input-wrapper {
  position:relative;
  height:4rem;
  .input-icon {
    position:absolute;
    left:0;
    top:0.5rem;
    display:block;
    width:1.5rem;
  }
  .input-floating-label {
    position:absolute;
    left: 3rem;
    right:0;
    display:block;
    input, select {
      padding:0.25rem 0;
      background: none;
      border:none;
      display:block;
      width:100%;
      border-bottom: 2px solid $grey;
      &:focus {
        outline: none;
      }
    }

    label {
      font-size: 10px;
      color: $black;
    }

  }
}