*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-size:62.5%;height:100%;overflow:hidden}@media (max-width: 768px){html,body{font-size:50%}}svg{display:inline-block;width:2rem;height:2rem;overflow:visible}.svg-icon{cursor:pointer}.svg-icon path{stroke:rgba(255,255,255,0.9);fill:none;stroke-width:1}.denied path{stroke:#b42534;stroke-width:2}input,button{outline:none;border:none}.cont{position:relative;height:100%;background-image:url('../images/background.jpg');background-size:cover;overflow:auto;font-family:"Open Sans", Helvetica, Arial, sans-serif}.demo{position:absolute;top:50%;left:50%;margin-left:-15rem;margin-top:-26.5rem;width:30rem;height:38rem;overflow:hidden}.login{position:relative;height:100%;background:linear-gradient(to bottom, rgba(146,135,187,0.8) 0%, rgba(0,0,0,0.6) 100%);transition:opacity 0.1s,transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25);transform:scale(1)}.login.inactive{opacity:0;transform:scale(1.1)}.login__logo{content:url('../images/unic.png');position:relative;margin-left:3.7rem;margin-top:0.5rem;width:22rem}.login__form{position:absolute;top:50%;left:0;width:100%;height:50%;padding:1.5rem 2.5rem;text-align:center}.login__row{height:5rem;margin-top:2rem;padding-top:1rem;border-bottom:1px solid rgba(255,255,255,0.2)}.login__icon{margin-bottom:-0.4rem;margin-right:0.5rem}.login__icon.name path{stroke-dasharray:73.50196075439453;stroke-dashoffset:73.50196075439453;animation:animatePath 2s 0.5s forwards}.login__icon.pass path{stroke-dasharray:92.10662841796875;stroke-dashoffset:92.10662841796875;animation:animatePath 2s 0.5s forwards}.login__input{display:inline-block;width:22rem;height:100%;padding-left:1.5rem;font-size:1.5rem;background:transparent;color:#FDFCFD}.login__submit{position:relative;width:100%;height:4rem;margin:3rem 0 0rem;color:rgba(255,255,255,0.8);background:#BB1D2D;font-size:1.5rem;border-radius:3rem;cursor:pointer;overflow:hidden;transition:width 0.3s 0.15s, font-size 0.1s 0.15s}.login__submit:after{content:"";position:absolute;top:50%;left:50%;margin-left:-1.5rem;margin-top:-1.5rem;width:3rem;height:3rem;border:2px dotted #fff;border-radius:50%;border-left:none;border-bottom:none;transition:opacity 0.1s 0.4s;opacity:0}.login__submit.processing{width:4rem;font-size:0}.login__submit.processing:after{opacity:1;animation:rotate 0.5s 0.4s infinite linear}.login__submit.success{transition:transform 0.3s 0.1s ease-out, opacity 0.1s 0.3s, background-color 0.1s 0.3s;transform:scale(30);opacity:0.9}.login__submit.success:after{transition:opacity 0.1s 0s;opacity:0;animation:none}.ripple{position:absolute;width:15rem;height:15rem;margin-left:-7.5rem;margin-top:-7.5rem;background:rgba(0,0,0,0.4);transform:scale(0);animation:animRipple 0.4s;border-radius:50%}@keyframes animRipple{to{transform:scale(3.5);opacity:0}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes animatePath{to{stroke-dashoffset:0}}*::-webkit-input-placeholder{color:#AEAEAE}*:-moz-placeholder{color:#AEAEAE}*::-moz-placeholder{color:#AEAEAE}*:-ms-input-placeholder{color:#AEAEAE}