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

html {
    font-family: 'Open Sans', sans-serif;
    color:#333;
}

.flex {
    display:flex;
}

.flexCenter {
    display:flex;
    align-items:center;
}

.w100p {
    width:100%;
}

.gap10 {
    gap:10px;
}

.container {
    display:flex;
    flex:1;
    height:100vh;
}

.leftColumn {
    display:flex;
    flex-direction:column;
    flex:1;
    background:#8BD1CF;
}

.rightColumn {
    display:flex;
    flex-direction:column;
    flex:1;
    align-items:center;
    justify-content:center;
}

.loginBox {
    display:flex;
    flex-direction:column;
    gap:20px;
    max-width:277.5px;
    margin-top:20px;
}

.loginBox input {
    padding:10px 20px;
    background:#eee;
    border-radius:25px;
    border:0;
    font-size:18px;
}

.title {
    font-size:30px;
    font-weight:600;
    color:#8BD1CF;
}

.subtitle {
    font-size:14px;
    font-weight:600;
}

.button {
    background:#8BD1CF;
    color:#fff;
    padding:10px 20px;
    border-radius:25px;
    transition: all 0.23s ease-out;
    cursor:default;
}

.button:hover {
    background:#F26B34;
    transition: all 0.23s ease-out;
}

.forgottenPassword {
    font-size:13px;
    cursor:default;
}

.forgottenPassword:hover {
    color:#8BD1CF;
}