.box {
    width: 90%;
    max-width: 450px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-box);
    margin-top: 10vh;
    padding: 40px;

    h1 {
        width: 100%;
        text-transform: uppercase;
        font-size: var(--font-size-text);
        font-weight: var(--font-weight-heavy);
        color: var(--color-primary);
        text-align: left;
        margin: 0 0 15px 0;
    }

    p.msg {
        font-weight: var(--font-weight-bold);
        margin-bottom: 15px;
    }

    form {
        width: 100%;
    }
}

.box.medium {
    max-width: 600px;
}