#button-new-account{
    margin: 12em auto 0 auto;
}

#container-login {
    margin: 25% auto 0 auto;
    opacity: 0; /* Start invisible */
    animation: fadeIn 3s ease-in-out forwards; /* Animation properties */
    text-align: center;
    width: 95%;    
}

#container-login a {
    color: black;
    text-decoration: none;
}

#container-remember-me{
    margin: 3% 4%;
    text-align: left;
    width: 80%;
}

#header-image{
    border: 0px solid black;
    border-radius: 100px;
    margin: 25% auto 0 auto;
    width: 20%;
}

@keyframes fadeIn { /* Define the fade-in animation */
    to { 
        opacity: 1;
    }
}


header img {
    border-radius: 100%;
    margin: auto;
    opacity: 0; /* Start invisible */
    animation: fadeIn 3s ease-in-out forwards; /* Animation properties */
    width: 100%;
}