@import url('https://fonts.googleapis.com/css?family=Mukta');
body{
  font-family: 'Mukta', sans-serif;
  height:100vh;
  min-height:550px;
  position:relative;
}
a{
  text-decoration:none;
  color:#444444;
}
.login-reg-panel{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align:center;
    width: 96% !important; 
    max-width: none !important;
    right:0;left:0;
    margin:auto;
    height:350px;
    background-color: rgba(236, 48, 20, 0.9);
    color:#B8B8B8;
}
.white-panel{
    background-color: rgba(255,255, 255, 1);
    min-height:480px;
    margin-top:-5em;
    width:100%;
    right:calc(50% - 50px);
    transition:.3s ease-in-out;
    z-index:0;
    box-shadow: 0 0 15px 9px #00000096;
}
.info-box{
    width:100%;
    padding:0 50px;
    top:20%;
    left:0;
    position:absolute;
    text-align:right;
}
#label-link{
    border:1px solid #9E9E9E;
    padding:5px 5px;
    width:150px;
    display:inline-block;
    text-align:center;
    border-radius:10px;
    cursor:pointer;
    font-weight: 600;
    font-size: 18px;
    text-decoration:none;
    color:#B8B8B8;
}
.right-log{right:50px !important;}

.form-show{
    z-index: 1;
    display:none;
    opacity:0;
    transition:0.3s ease-in-out;
    color:#242424;
    text-align:left;
    padding:50px;
}
.show-log-panel{
    display:block;
    opacity:0.9;
}
.form-show input[type="text"], .form-show input[type="email"], .form-show input[type="password"], .form-show select, .form-show option{
    width: 100%;
    display: block;
    margin:20px 0;
    padding: 15px;
    border: 1px solid #b5b5b5;
    outline: none;
}
.form-show button {
    max-width: 150px;
    width: 100%;
    background: #444444;
    color: #f9f9f9;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 2px;
    float:right;
    cursor:pointer;
}
.form-show a{
    display:inline-block;
    padding:10px 0;
}