@import url('https://fonts.googleapis.com/css?family=Oxygen&display=swap');
body{
    margin: 0;
    padding: 0;
    font-family: 'Oxygen', sans-serif !important;
    letter-spacing: 1px;
    overflow-x: hidden;
}
section{
    width: 100%;
    height:100vh;
    background: url(bg.jpg);
    background-size: cover;
}
.container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:700px;
    height: 460px;
    background: rgba(103,58,183,0.7);
    padding:0;
}
.container .form_content,
.container .login_form{
    position: relative;
    width: 50%;
    height: 470px;
    float: left;
    box-sizing: border-box;
}

.container .login_form{
    background: #fff;
    height: 490px;
    top:-15px;
    box-shadow: -20px 0 15px rgba(0,0,0,0.2);
    padding: 30px;
}
.container .form_content{
    padding: 40px 30px;
    color:#fff;
}
.container .form_content a{
    display: inline-block;
    padding: 10px 20px;
    color:#fff;
    background: #ff0057;
    border-radius: 25px;
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);

}
.container .login_form h1{
    color:#262626;
}
.container .login_form input, textarea{
    display: block;
    width: 100%;
    padding:10px;
    box-sizing: border-box;
    margin-bottom: 12px;
    border:2px solid #ccc;
    border-radius: 25px;
    outline: none;
    font-size: 15px;
}
.container .login_form input:hover, textarea:hover{
    border: 2px solid #673ab7;
}
.container .login_form input[type="submit"]{
    color: #fff;
    background: #673ab7;
    border: 2px solid #673ab7;
    font-size: 16px;
    transition: .5s;
}
.container .login_form input[type="submit"]:hover{
    background: #ff0057;
    border: 2px solid #ff0057;
    cursor: pointer;
}
.alert-danger{    
    padding: 5px 15px;
    color:#fff;
    background: #ff0057;
    border-radius: 25px !important;
    border:2px solid #ff0057;
    margin-bottom: 0;

}
.alert-success{
    padding: 5px 15px;
    color:#fff;
    background: #28a745;
    border-radius: 25px !important;
    border:2px solid #28a745;
    margin-bottom: 0;
}

/* Welcome */
.container .welcome_content{
    position: relative;
    width: 100%;
    height: 470px;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 30px;
    color:#fff;
}