@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.text {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.success-div {
    border: 1px solid white;
    padding: 10px 10px 10px 10px;
    border-radius: 7px;
    margin-bottom: 5px;
}

.content {
    background: url('../img/bg-image.png');
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.login-form {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: relative;
}

.login-form-inside {
    padding: 35px;
    background-color: rgb(34, 47, 59);
    width: 333px;
    max-width: 333px;
    border-radius: 7px;
}

.login-text {
    font-size: 0.80rem;
    color: white;
}

.login-input {
    background-color: rgb(21, 31, 40);
    border: 1px solid rgb(63, 80, 96);
    padding: 12px 0 12px 8px;
    border-radius: 12px;
    color: white;
    font-size: 0.80rem;
    width: 100%;
}

.log-in-button {
    background-color: rgb(96, 153, 250);
    border: 1px solid rgb(133, 133, 133);
    border-radius: 12px;
    cursor: pointer;
    width: 100%;
    color: white;
    font-size: 0.90rem;
    padding: 10px 0 10px 0;
}

.create-account-div {
    font-size: 0.80rem;
}

.create-account-link {
    color: rgb(96, 153, 250);
    font-size: 0.80rem;
}

.create-account-link:hover {
    color: rgb(96, 153, 250);
}

.password-and-forgot {
    display: flex;
    justify-content: space-between;
}