@import url(components/forms.css);

.container {
    padding: 4%;
    width: 40dvw;
    max-width: 380px;
    min-width: 250px;
    margin: 3dvh auto;
    border-radius: 30px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    background-color: white;

    > h1 {
        font-size: 2em;
        font-weight: 600;
        margin: 0 0 15px 0;
        text-align: center;
    }
}

.new-user-callout {
    text-align: center;
    p {
        margin: 5px 0;
    }
    a {
        color: var(--color-primary);
        text-decoration: none
    };
}

@media (max-width: 800px) {
    
    .container {
        width: 60dvw;
    }
}

@media (max-width: 500px) {
    
    .container {
        width: 75dvw;
    }
}