.box-login {
    justify-items: center;

}



.welcome-message {
    color: black;
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 600;
    height: auto;
    font-size: clamp(1.5rem, 5vw, 3rem);
}

#login-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#register-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-box {
    border-radius: 0.3125rem;
    border: 1.085px solid #E8D8E8;
    background: #FFF;
    width: clamp(16rem, 40vw, 24rem);
    height: clamp(2.5rem, 6vw, 3rem);
}

.input-description {
    color: #C97BB2;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: clamp(16rem, 40vw, 24rem);
    text-align: left;
    font-size: clamp(0.8rem, 2vw, 1.35625rem);
}

.login-button {
    border-radius: clamp(0.5rem, 1.5vw, 1.085rem);
    background: #C97BB2;
    width: clamp(18rem, 50vw, 33.5rem);
    height: clamp(3rem, 7vw, 4.875rem);
    border: none;
    color: #FFF;
    font-family: Inter;
    font-size: clamp(1rem, 2.5vw, 1.76313rem);
    font-weight: 500;
    align-self: center;
    margin-top: 20px;
}

.opret {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(6px, 1vw, 10px);
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    margin-top: 5px;
}

#register-button {
    color: #C97BB2;
}