html,body{width:100%;height:100%;margin:0;padding:0;display:block;position:relative;}body{background:linear-gradient(rgb(210,196,215),rgb(53,42,59));}.autorisationForm{width:320px;height:260px;margin:0 auto;padding:10px 20px;border:none;display:block;position:relative;top:calc(50% - 140px);background:rgba(255,255,255,.8);border-radius:10px;box-shadow:0 0 3px rgb(84,68,91);}.autorisationForm input{width:calc(100% - 50px);margin:10px auto;padding:10px 20px 10px 30px;border:1px solid rgb(149,149,149);border-radius:5px;position:relative;display:block;background:#FFF;outline:0;}.autorisationForm input:hover{border:1px solid #777;}#nameField{background:url(../img/user.svg) no-repeat scroll 0 50% / 10% 50%;transition:.3s}#nameField:focus{background:RGB(255,255,255,.5) url(../img/user.svg) no-repeat scroll 0 50% / 10% 60%;}#passField{background:url(../img/password.svg) no-repeat scroll 0 50% / 10% 60%;transition:.3s}#passField:focus{background:RGB(255,255,255,.5) url(../img/password.svg) no-repeat scroll 0 50% / 10% 70%;}.titleForm{font:20px/10px open-sans,calibri;text-align:center;color:rgb(73,73,75);}input.button{background:rgb(62,79,115);color:#FFF;font-size:18px;width:100%;border:none;cursor:pointer;letter-spacing:1px;transition:ease;}input.button:hover{box-shadow:0 1px 5px rgb(84,116,116);border:none;}input.button:active{box-shadow:0 1px 5px rgb(84,116,116),inset 0 2px 5px rgb(48,48,48);border:none;}#confirmField{display:inline;width:auto;vertical-align:middle;margin-left:5px;}.labelForm{font:12px/20px calibri,open-sans;color:#666;}.autorisationFormMessage{text-align:center;color:rgb(71,82,102);font:14px/20px calibri;}