.container{
    width: 500px;
    max-width: 500px;
    margin: 1rem;
    padding: 2rem;
    box-shadow: 0 0 40px rgba(0,0,0,0.2);
    border-radius: 20px;
    background: var(--color-grey);
}

body{
    --color-primary: #4682b4;
    --color-secondary: #674424;
    --color-grey: #bdbdbd;
    --color-primarydark: #0d394f;
    --color-error: #cc3333;
    --color-success: #4bb544;

    --border-radius: 6px;

    margin: 0px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;    
    background: url(./images/login_background.png);
    background-size: cover;

}

h1{
    align-self: auto;
    height: 80px; /* Set the height of the header */ 
    color: var(--color-primary); /* Text color on top of the background image */ 
    text-align: center; /* Center the text horizontally */ 
    /*padding: 20px; /* Add padding inside the header */ 
    margin: 0px;
}