.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.login-view .flip-card-inner{transform:rotateY(0deg)}.register-view .flip-card-inner{transform:rotateY(180deg)}.forgot-view .flip-card-inner{transform:rotateY(-180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}@media (max-width:768px){.relative{padding-top:-2rem;padding-bottom:1rem}.flip-card-inner{padding-top:0;padding-bottom:2rem}}@keyframes rotateY{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}