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;border-radius:20px}button{background-color:#04AA6D;padding:14px 20px;margin:8px 0;border:none;cursor:pointer;width:100%;border-radius:20px}button:hover{opacity:.8}.cancelbtn{width:auto;padding:10px 18px;background-color:#f44336;border-radius:20px;color:white}.imgcontainer{text-align:center;margin:24px 0 12px 0;position:relative;display:flex;align-items:center;justify-content:center;gap:20px;font-size:1rem;flex-wrap:wrap}.container1{padding:16px}span.psw{float:right;padding-top:16px}.modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,.7);padding-top:60px}.modal-content{background-color:black;margin:5% auto 15% auto;border:1px solid #888;width:80%;border-radius:30px}.close{position:absolute;right:25px;top:0;color:rgb(246,139,139);font-size:35px;font-weight:bold}.close:hover,.close:focus{color:red;cursor:pointer}.animate{-webkit-animation:animatezoom .6s;animation:animatezoom .6s}@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}@media screen and (max-width:300px){span.psw{display:block;float:none}.cancelbtn{width:100%}}