.form {
    /* height:600px; */
    height: 800px;
    width:400px;
    display: block;
    background: transparent;
    margin: 5% auto;
    overflow: hidden;
    position: relative;
}
.g-recaptcha {
    margin: -3%;
}
.button-box {
    width:220px;
    position: relative;
    border-radius: 30px;
    margin: 40px auto;
    outline: 1px solid #0f5f9a;
}
.toggle-btn {
    padding: 10px 30px;
    background: transparent;
    border: 0;
    outline: none;
    position: relative;
    color: black;
}
#btn {
    left: 0px;
    position:absolute;
    margin: auto auto;
    width: 110px;
    height: 100%;
    background: #0f5f9a;
    border-radius: 30px;
    transition: .5s
}
#login-btn {
    color: black;
}
#register-btn {
    color: black;
}
.input-group2 {
    width: 280px;
    transition: .5s;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
}

.input-field {
    width: 100%;
    padding: 10px 0;
    margin: 5px auto;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #999;
    outline: none;
    background: transparent;
}
.submit-btn {
    margin: 20px auto;
    width:85%;
    padding:10px 30px;
    cursor: pointer;
    display: block;
    background: #0f5f9a;
    border: 0;
    outline: none;
    border-radius: 30px;
}
#login {
    left: 0px;
}
#register {
    left: 400px;
} 
footer {
    width: 100%;
}
html, body {
    height: 100%;
    font-family: sans-serif;
}
#wrap {
    min-height: 100%;
}
footer {
    width: 100%;
    position: relative;
}
.bottom {
    text-align: center;
}
.bottom p{
    margin: 1%;
}
.bottom a{
    margin: 0% 3%;
}
.bottom a:link {
    color: black;
    text-decoration: underline;
}
  
/* visited link */
.bottom a:visited {
    color: black; 
}
  
/* mouse over link */
.bottom a:hover {
    color: #0f5f9a;
    background: transparent;
}
  
/* selected link */
.bottom a:active {
    color: black;
    background: transparent;
}