/*Pagina de Inicio*/
.login {
    background-color: rgba(37, 55, 87, 0.4);
    backdrop-filter: blur(8px) saturate(200%);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
    margin: 0 auto;
    position: relative;
    width: 400px;
    height: 300px;
    display: flex;
    align-items: center;

    .item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;

        form {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 15px;

            .error {
                display: none;
                color: cyan;
            }

            input {
                border: none;
                outline: none;
                background-color: rgba(17, 25, 40, 0.6);
                color: white;
                border-radius: 5px;
            }

            button {
                width: 100px;
                border: none;
                background-color: #1F8EF1;
                color: white;
                border-radius: 5px;
                cursor: pointer;
                font-weight: 500;
                padding: 15px;
            }

        }
    }
}