body {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background: #fafafa;
}

* {
    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", Helvetica, Arial, sans-serif;
font-weight:  300; 
margin:  0; 
}

html, body {
    height:  100vh; 
    width:  100vw;
    margin:  0 0; 
    display:  flex; 
    align-items:  flex-start; 
    justify-content:  flex-start; 
    background:  #f3f2f2; 
}
h4 {
    font-size:  24px; 
    font-weight:  600; 
    color:  #000; 
    opacity:  .85; 
}
.log-in {
    padding:  40px 30px; 
    background:  #fefefe; 
    display:  flex; 
    flex-direction:  column;
    align-items:  flex-start; 
    padding-bottom:  20px; 
}

h4 {
    margin-bottom:  20px;
    color:  rgba(#000, .5);
    span {
        color:  rgba(#000, 1);
        font-weight:  700; 
    }
}
p {
    line-height:  155%; 
    margin-bottom:  5px; 
    font-size:  14px; 
    color:  #000; 
    opacity:  .65;
    font-weight:  400; 
    margin-bottom:  40px; 
}
a.discrete {
    color:  rgba(#000, .4); 
    font-size:  14px; 
    border-bottom:  solid 1px rgba(#000, .0);
    padding-bottom:  4px;  
    margin-left:  auto; 
    font-weight:  300; 
    transition:  all .3s ease; 
    margin-top:  40px; 
    &:hover {
    border-bottom:  solid 1px rgba(#000, .2);
    }
}
button {
    -webkit-appearance:  none; 
    width:  150px;
    border-radius:  15px; 
    text-align:  center; 
    padding:  20px;
    margin-top:  15px; 
    background-color:  #49a94d; 
    color:  #fff; 
    font-size:  14px;
    font-weight:  500; 
    box-shadow:  0px 2px 6px -1px rgba(0,0,0,.13); 
    border:  none;
    transition:  all .3s ease; 
    outline: 0; 
    &:hover {
        transform:  translateY(-3px);
        box-shadow:  0 2px 6px -1px rgba(rgb(182,157,230), .65);
        &:active {
        transform:  scale(.99);
        }
    }
}
.session {
    display:  flex; 
    flex-direction:  row; 
    width:  auto; 
    height:  auto; 
    margin:  auto auto; 
    background:  #ffffff; 
    border-radius:  4px; 
    box-shadow:  0px 2px 6px -1px rgba(0,0,0,.12);
}
.left {
    width:  220px; 
    height:  auto; 
    min-height:  100%; 
    position:  relative; 
    background-size:  cover;
    border-top-left-radius:  4px; 
    border-bottom-left-radius:  4px; 
}

.btn-link {
    background-color: #d4de26;
    width:  150px;
    color:  #fff; 
    margin-top:  15px; 
    border-radius:  15px; 
    padding:  20px;
    font-size:  14px;
    margin-left:  auto; 
    font-weight:  500; 
    box-shadow:  0px 2px 6px -1px rgba(0,0,0,.13); 
    border:  none;
    transition:  all .3s ease; 
    outline: 0; 
    &:hover {
        transform:  translateY(-3px);
        box-shadow:  0 2px 6px -1px rgba(rgb(182,157,230), .65);
        &:active {
        transform:  scale(.99);
        }
    }
}