body{background-repeat:no-repeat;background-attachment:fixed}form{border:3px solid #f1f1f1}input[type=text],input[type=password]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}button{background-color:#04aa6d;color:#fff;padding:14px 20px;margin:8px 0;border:none;cursor:pointer;width:100%}button:hover{opacity:.8}.cancelbtn{width:auto;padding:10px 18px;background-color:#f44336}.imgcontainer{text-align:center;margin:24px 0 12px}img.avatar{width:40%;border-radius:50%}span.psw{float:right;padding-top:16px}@media screen and (max-width: 300px){span.psw{display:block;float:none}.cancelbtn{width:100%}}*{box-sizing:border-box}input[type=text],input[type=password]{width:100%;padding:15px;margin:5px 0 22px;display:inline-block;border:none;background:#f1f1f1}input[type=text]:focus,input[type=password]:focus{background-color:#ddd;outline:none}hr{border:1px solid #f1f1f1;margin-bottom:25px}button{background-color:#04aa6d;color:#fff;padding:14px 20px;margin:8px 0;border:none;cursor:pointer;width:100%;opacity:.9}button:hover{opacity:1}.cancelbtn{padding:14px 20px;background-color:#f44336}.cancelbtn,.signupbtn{float:left;width:50%}.container{padding:16px}.clearfix:after{content:"";clear:both;display:table}@media screen and (max-width: 300px){.cancelbtn,.signupbtn{width:100%}}input[type=text],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}input[type=submit]{background-color:#04aa6d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#45a049}.container{border-radius:5px;background-color:#f2f2f2;padding:20px}