.content-text h2,.login-btn,.login-form h3{text-transform:uppercase}section{display:flex;align-items:center;justify-content:center;background:#eeeeef;height:100vh}.brand{position:fixed;top:0;left:0;background-color:#343a40;height:57px;width:100%}.brand img{padding:0;margin:0}.login-wrapper{display:grid;align-items:center;grid-gap:40px;max-width:900px;width:100%;padding:0 40px 0 0;height:65vh;grid-template-columns:1fr 350px;overflow:hidden;border-radius:20px;box-shadow:-10px -10px 15px rgba(255,255,255,.8),10px 10px 15px rgba(0,0,0,.1),inset -2px -2px 6px rgba(255,255,255,.8),inset 2px 2px 6px rgba(0,0,0,.1);background-color:#fff}.login-content{background-image:linear-gradient(to bottom,#1c1fb6,#1c6dcf);height:100%;padding:0 40px;display:flex;align-items:center;flex-flow:wrap;clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%)}.content-text h2{font-size:2rem;font-weight:800;color:#fff;margin:55px 0 13px;letter-spacing:10px}.content-text p{font-size:1rem;color:#8ABDFC;letter-spacing:1px;width:80%;margin-bottom:20px;line-height:1.5}.login-img{display:grid;align-items:center;justify-content:center;grid-template-rows:80% 10%}.login-img p{color:#fff;font-size:.875rem}.login-img img{width:80%}.avatar_login{width:70px;height:70px;border-radius:50%;margin:0 auto 30px;box-shadow:0 0 0 5px rgba(79,147,255,.27);position:relative}.avatar_login:before{content:"";width:100%;height:100%;box-shadow:0 0 0 10px rgba(79,147,255,.27);position:absolute;border-radius:50%;animation:plus 1s infinite}@keyframes plus{0%{box-shadow:0 0 0 10px rgba(79,147,255,.27)}100%{box-shadow:0 0 0 30px rgba(79,147,255,.27);opacity:0}}.login-form h3{margin-bottom:30px;color:#2f2f2f;letter-spacing:2px;text-align:center;font-size:1.25rem}.input{position:relative;margin-bottom:20px;width:75%;margin-left:auto;margin-right:auto;padding:0 10px;border:none;border-bottom:1px solid #1c1fb6}.input input{height:50px;width:100%;padding:5px 30px;font-size:.875rem;background:0 0}.input input:focus{border:none;outline:0}.input input:hover{box-shadow:none!important}.input.focus h5{top:5%;font-size:12px}.input h5,.input span{position:absolute;top:50%;transform:translateY(-50%)}.input h5{left:40px;color:#a0a2a7;font-size:14px;font-weight:400}.input span{left:0;color:#1c1fb6}.login-btn{padding:12px 50px;font-size:1rem;font-weight:700;border:none;background-color:#1c68cd;color:#fff;transition:.5s;margin:40px auto 10px;cursor:pointer;display:table}.login-btn:focus{border:none}.login-btn:focus-visible{outline:#00b2ff}.login-btn:hover{border-color:#00b2ff;box-shadow:0 0 10px #00b2ff}.forgot{font-size:.9375rem;font-weight:600;text-align:center;color:#1c1fb6;display:block;margin-top:20px;text-decoration:none}.forgot:focus-visible{outline:#fff;font-size:1rem}@media (max-width:540px){section{padding:20px 0;height:auto}.brand{display:none}.login-wrapper{grid-template-columns:1fr;padding:0;margin:15px;height:auto}.login-content{clip-path:inset(0);padding:15px}.content-text{text-align:center}.content-text p,.login-img img{width:100%}.login-form{padding:15px}}