.whole{margin-top:50px}.title{justify-content:center;display:flex;font-weight:700}.input-field{position:relative;width:87%;height:50px;line-height:50px;margin:11px auto}.label-1{position:absolute;top:0;left:0;width:100%;color:#aaa;transition:all .2s;cursor:text;padding:0 40px;font-size:15px}.label-2{width:3%;padding:0 40px}.label-2,.label-3{position:absolute;top:0;right:0;left:auto;color:#aaa;transition:all .2s;cursor:text;font-size:15px}.label-3{padding:0 15px}.label-3 .valid-icons{margin-top:15px;width:22px;height:auto}input{width:100%;border:0;outline:0;padding:0 40px;border-radius:3px;box-shadow:none;color:#111;font-size:13x;outline:none;border-bottom:2px solid #ebf0f4}input:invalid{outline:0}input:focus,input:valid{background-color:#ebf0f4;outline:none;border-bottom:2px solid #102689}input:focus~.label-1,input:valid~.label-1{font-size:11px;top:-17px}.input-field .icons{position:absolute;left:0;top:8px;padding:9px 8px;color:#aaa;transition:.3s}input:focus~.icons{color:#0f8fe3}.login{width:87%;margin:10px auto;margin-top:20px}.login button{width:100%;display:inline-block;border:none;background-color:#102689;color:#fff;padding:0 20px;border-radius:8px;font-size:16px}.login button:hover{scale:1.005;cursor:pointer}.forgot-password span{color:#e70b89}.google-login{text-align:center!important}.google-login img{box-shadow:0 5px 15px rgba(0,0,0,.35);border-radius:8px}.google-login img:hover{scale:1.005;box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer}