@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Apply the font to all elements */
* {
    font-family: 'Poppins', sans-serif;
}


.gradient-custom {
    background: linear-gradient(120deg, rgb(0 159 255 / 93%), rgb(84 16 242 / 41%));
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo-container {
    margin-top: 10%;
}

.logo {
    width: 150px;
    height: auto;
}

.card {
    border-radius: 1rem;
}

.card-body {
    padding: 3rem;
}

.form-outline {
    position: relative;
    margin-bottom: 1.5rem;
}

.btn-login, .btn-register {
    padding: 0.75rem 1rem;
    font-size: 1rem;
    border-radius: 0.5rem;
}

.alert {
    border-radius: 0.5rem;
}

.btn-auth {
    background-color: #486e8c;
    border-color: #5b9bd5;
    color: white;
}

.btn-auth:hover {
    background-color: #3a5b74;
    border-color: #4a8ac4;
    color: white;
}