@keyframes animatedBackground {
    0%   {  transform: scale(0)}
    100% {  transform: scale(1)}
}
body.login{background-color:white;}
body.login form{border:none;background-color:#c2e6eb;border-radius:5px;}
#login h1 a, .login h1 a {
    background-image: url('https://thinkyellow.nl/_email/logo-ty.svg');
    width:100%;
    height:75px;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    animation-name: animatedBackground;
    animation-iteration-count: 1;
    animation-duration: 1s;
    transform: scale(1);
}