@keyframes loginShow{0%{opacity:0}to{opacity:1}}.auth-section{display:flex;flex-direction:row;text-align:center;justify-content:center;align-items:center;text-decoration:none;height:100vh;width:100%;position:relative;animation:loginShow 1s linear;background:#fafafa}.auth-section h1,.auth-section h2,.auth-section h3,.auth-section h4,.auth-section h5,.auth-section h6,.auth-section p{color:#000000}@media (max-width:900px){.auth-section{flex-direction:column}}.logo-login{width:8%;margin-bottom:1rem;position:absolute;top:1rem;right:0}.login-left-side{width:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-decoration:none;height:100%;position:relative;animation:loginShow 1s linear;transition:all .3s ease-in-out;padding:1rem}@media (max-width:1400px){.login-left-side{width:30%}.login-left-side img{width:200px}}@media (max-width:960px){.login-left-side{width:100%}}.login-side-background-container{background-size:cover;background-repeat:no-repeat;border-radius:.5rem;overflow:hidden;height:100%;width:100%}.login-side-background{width:100%}@media (max-width:900px){.login-side-background{height:100%}}.sidenav-logo{filter:invert(1)}.left-side{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-decoration:none;height:100%;position:relative;transition:all .3s ease-in-out;padding:40px;@media (max-width:1400px){width:100%;img{width:auto;height:100vh}}@media (max-width:960px){width:100%}}.left-side-image-container{position:relative;height:100%;width:100%;border-radius:5px;overflow:hidden;background-size:cover;background-position:50%}.right-side{width:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-end;text-align:right;text-decoration:none;height:100%;position:relative;animation:loginShow 1s linear;padding:40px;&>.right-side-title{&>h1{font-size:4rem;font-weight:700;@media (max-width:1400px){font-size:3rem}@media (max-width:960px){font-size:2rem}}&>p{font-weight:400;margin-bottom:20px;@media (max-width:1400px){font-size:1rem}@media (max-width:960px){font-size:.8rem}}&>span{font-size:1.5rem;font-weight:400;margin-bottom:20px;color:white;@media (max-width:1400px){font-size:1.2rem}@media (max-width:960px){font-size:1rem}}}@media (max-width:1400px){width:100%}@media (max-width:960px){width:100%}}.flex-botones{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;&>.btn{width:100%;border-radius:5px;border:none;background:linear-gradient(145deg,#0C0C1F,#21215E);background-color:#070a1b;color:white;box-shadow:0 2px 4px 0 rgba(0,0,0,.13),0 1px 1px 0 rgba(0,0,0,.11);font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .3s ease-in-out}&>.btn:hover{background:#0066ff;color:#ffffff}}