.span-size{width:calc(5vw - 2px);height:calc(5vw - 2px)}@keyframes animate-login-bg{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (max-width:900px){.span-size{width:calc(10vw - 2px);height:calc(10vw - 2px)}}@media (max-width:600px){.span-size{width:calc(20vw - 2px);height:calc(20vw - 2px)}}.inputBox i{position:absolute;left:0;padding:10px 10px 3px;font-style:normal;color:#dcebfa;transition-duration:.4s;pointer-events:none}.inputBox input:focus~i,.inputBox input:valid~i{transition:ease-in-out;transition-duration:.4s;background-color:#1f2937;transform:translate3d(0,-20px,0);font-size:.8em;color:#3b82f6;padding-top:4px;border-radius:5px}.links a{color:#3b83f6de;font-size:small;font-weight:600;transition-duration:.4s;margin:-15px 5px}.links a:hover{color:#cf7ffa}.flip-card{perspective:2000px}.flip-card-inner{transform-style:preserve-3d;transition:transform .6s;display:flex;justify-content:center;align-items:center}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}