@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

* {
    font-family: "Sora", sans-serif;
}

body {
    background: rgb(12, 16, 35);
}

.login-container-left {
    background: linear-gradient(135deg, rgba(67, 95, 224, .9) 0, rgba(128, 57, 202, .9) 100%);
    padding: 10px;
}

.login-container-right {
    background: rgb(25, 29, 48);
}

.text-blue-800 {
    color: rgb(128 137 249);
}

.btn {
    font-size: .85rem;
    border-radius: 3px;
    padding: .5rem .85rem;
    box-shadow: none;
    font-weight: 500;
}

.btn-main-primary {
    color: #fff;
    background-color: rgb(89, 101, 249);
    border-color: rgb(89, 101, 249);
}

.w-50 {
    width: 60%;
}

.h-90 {
    height: 90vh;
}

.input-form {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    height: 28px;
}

a {
    font-size: 15;
    color: white;
    text-decoration: none;

    &:hover {
        color: #969696;
    }
}