@import "mobil/login-mobil.css";

.login {
    display: flex;
    justify-content: center;

    .uppgifter {
        width: 400px;
        margin-top: 32px;

        form {
            display: flex;
            flex-direction: column;

            .input_rubrik {
                padding: 8px 0 4px;
                margin-top: 6px;
            }

            input {
                padding: 3px 12px;
                font-weight: 300;
                letter-spacing: 0.05rem;
            }
        }

        .knapp {
            cursor: pointer;
            padding: 8px 22px 6px;
            align-self: center;
            border-radius: 4px;
            border: 1px solid #666;

            &:hover {
                background-color: #eee;
            }
        }
    }
}

.back-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    margin: 18px 0 0 18px;

    a.tillbaka {
        padding: 0.5rem 1rem;
        border-radius: 2px;
        border: 1px solid #666;
        text-decoration: none;

        &:hover {
            background-color: #eee;
        }
    }
}