@import "default.css";
.login
{
    display: grid;
    place-content: center;
    height: 90vh;
    & form {
        padding: 10px;
        background-color: var(--c1);
        display: inline-grid;
        gap: 10px;
        border: 1px solid var(--c3);
        width: 300px;
        box-shadow: 0px 0px 10px -2px #00000080 inset;
        filter: drop-shadow(0px 0px);
        & input
        {
            border: 1px solid var(--c3);
            padding: 10px;
        }
        
        & input[type="submit"]
        {
            background-color: var(--c2);
            color: var(--white);
            font-weight: 600;
        }
    }
    & form:hover {
        filter: drop-shadow(10px 10px var(--c3));
    }
    & p.error {
        background-color: var(--c2);
        justify-self: center;
        color: var(--white);
        padding: 8px 15px;
        position: absolute;
        top: 100px;
    }
}