*{margin:0%;padding:0%}body{background-color:#182e4c}.reg_btn a{text-decoration:none}.reg_btn button{outline:none;background-color:transparent;border:none;color:#fff;padding:10px;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s , transform .3s}.reg_btn button:hover{box-shadow:rgba(6,151,191,.61) 0 0 5px 5px;background:#3991b0;transform:scale(1.1);border-radius:5px}.reg_frmbg{width:400px;border-radius:8px;padding:30px;text-align:center;border:1px solid #182e4c;box-shadow:rgba(6,151,191,.61) 0 0 5px 5px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(9px)}form{display:flex;flex-direction:column}h2{color:#fff}.input-field{position:relative;border-bottom:2px solid #ccc;margin:18px 0}.input-field label{position:absolute;top:37%;left:0;transform:translateY(-50%);color:#fff;font-size:16px;pointer-events:none;transition:.15s ease}.input-field input{width:100%;height:40px;background:transparent;border:none;outline:none;font-size:16px;color:#fff}.input-field input:focus~label,
  .input-field input:valid~label {font-size:.8rem;top:10px;transform:translateY(-120%)}.forget{display:flex;align-items:center;justify-content:space-between;margin:25px 0 35px 0;color:#fff}#remember{accent-color:#fff}.forget label{display:flex;align-items:center}.forget label p{margin-left:8px}.register{text-align:center;margin-top:30px;color:#fff}.sbmit{outline:none;background:#3991b0;border:1px solid #006980;color:#fff;border-radius:5px;padding:10px 30px;transition:box-shadow .3s , transform .3s}.sbmit:hover{box-shadow:rgba(6,151,191,.61) 0 0 5px 5px;transform:scale(1.1)}