* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

.container .first,
.container .second {
    width: 50%;
    height: 100%;
    outline: 4px solid #FFF;
    position: fixed;
    box-shadow: inset 1px 1px 40px 1px #FFF;
}

.container .first {
    left: 0;
    background: url("../images/wall1.jpg");
}

.container .first .login {
    width: 50%;
    height: 60%;
    margin: 110px auto;
    border-radius: 20px;
    background-color: rgb(252, 162, 88);
}

.container .first .login img {
    width: 100%;
    height: 50%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 170px;
    border-bottom-left-radius: 170px;
}

.container .first .login form {
    /*border: 1px solid #FFF;*/
    text-align: center;
    padding: 10px;
    margin: 20px auto;
}

.container .first .login form input {
    width: 100%;
    margin: 5px;
    padding: 10px;
    border: none;
    border-radius: 10px;
}

.container .second {
    right: 0;
    background: url("../images/wall6.jpg");
}