Форма регистрации 1.1.0

.box{margin:100px auto;margin-top:-2%;width:300px;height:0px;}
.container-username{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container-username input#username{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}
.container-username input#username::-webkit-input-placeholder{color:#65737e;}
.container-username input#username:-moz-placeholder{color:#65737e;}
.container-username input#username::-moz-placeholder{color:#65737e;}
.container-username input#username:-ms-input-placeholder{color:#65737e;}
.container-username .icon{position:absolute;top:50%;margin-left:0px;margin-top:20px;z-index:1;color:#28d9ed;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-username input#username:focus, .container-username input#username:active{outline:none;}
.container-username:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container-email{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container-email input#email{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}
.container-email input#email::-webkit-input-placeholder{color:#65737e;}
.container-email input#email:-moz-placeholder{color:#65737e;}
.container-email input#email::-moz-placeholder{color:#65737e;}
.container-email input#email:-ms-input-placeholder{color:#65737e;}
.container-email .icon{position:absolute;top:50%;margin-left:0px;margin-top:20px;z-index:1;color:#e7ed28;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-email input#email:focus, .container-email input#email:active{outline:none;}
.container-email:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container-pass{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container-pass input#pass{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}
.container-pass input#pass::-webkit-input-placeholder{color:#65737e;}
.container-pass input#pass:-moz-placeholder{color:#65737e;}
.container-pass input#pass::-moz-placeholder{color:#65737e;}
.container-pass input#pass:-ms-input-placeholder{color:#65737e;}
.container-pass .icon{position:absolute;top:50%;margin-left:0px;margin-top:20px;z-index:1;color:#ed2849;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-pass input#pass:focus, .container-pass input#pass:active{outline:none;}
.container-pass:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container-pass_confirm{width:340px;vertical-align:middle;white-space:pre;position:relative;}
.container-pass_confirm input#pass_confirm{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}
.container-pass_confirm input#pass_confirm::-webkit-input-placeholder{color:#65737e;}
.container-pass_confirm input#pass_confirm:-moz-placeholder{color:#65737e;}
.container-pass_confirm input#pass_confirm::-moz-placeholder{color:#65737e;}
.container-pass_confirm input#pass_confirm:-ms-input-placeholder{color:#65737e;}
.container-pass_confirm .icon{position:absolute;top:50%;margin-left:0px;margin-top:20px;z-index:1;color:#ed2849;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-pass_confirm input#pass_confirm:focus, .container-pass_confirm input#pass_confirm:active{outline:none;}
.container-pass_confirm:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container-registered{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container-registered input#registered{width:345px;height:45px;background:#2b303b;border:none;font-size:14pt;float:left;color:#262626;padding-left:6px;color:#fff;}
.container-registered .icon{position:absolute;top:50%;margin-left:10px;margin-top:20px;z-index:1;color:#edcc28;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease;}
.container-registered input#registered:focus, .container-registered input#registered:active{outline:none;}
.container-registered:hover .icon{margin-top:16px;color:#28ed28;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.container1{margin-bottom:100px;padding-left:45px;position:relative;}
.container2{width:300px;vertical-align:middle;white-space:pre;position:relative;}
.container2{width:300px;height:45px;background:#2b303b;border:none;font-size:10pt;float:left;color:#262626;padding-left:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;}