.wrapper{grid-gap:0;box-shadow:0 0 20px #000;display:grid;grid-template-areas:"Login Info" "Login Info";margin-left:auto;margin-right:auto}.container-right{background-color:#fff;border-bottom-right-radius:20px;border-top-right-radius:20px;grid-area:Info;width:350px}.container-left{background-color:#000;border-bottom-left-radius:20px;border-top-left-radius:20px;grid-area:Login;width:550px}@media only screen and (max-width:900px){.container-left{display:none}.wrapper{width:350px}.container-right{border-radius:20px}}.fadeIn{animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}20%{opacity:0}80%{opacity:1}to{opacity:1}}.fadeOut{animation:fadeOut 1s}@keyframes fadeOut{0%{opacity:1}20%{opacity:1}80%{opacity:0}to{opacity:0}}