@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;width:100%;background:#007bff}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:430px;width:100%;background:#fff;border-radius:7px;box-shadow:0 5px 10px #0000004d}.container .registration{display:none}#check:checked~.registration{display:block}#check:checked~.login{display:none}#check{display:none}.container .form{padding:2rem}.form header{font-size:2rem;font-weight:500;text-align:center;margin-bottom:1.5rem}.form input{height:60px;width:100%;padding:0 15px;font-size:17px;margin-bottom:1.3rem;border:1px solid #ddd;border-radius:6px;outline:none}.form input:focus{box-shadow:0 1px #0003}.form a{font-size:16px;color:#007bff;text-decoration:none}.form a:hover{text-decoration:underline}.form input.button{color:#fff;background:#007bff;font-size:1.2rem;font-weight:500;letter-spacing:1px;margin-top:1.7rem;cursor:pointer;transition:.4s}.form input.button:hover{background:#0056b3}.signup{font-size:17px;text-align:center}.signup label{color:#007bff;cursor:pointer}.signup label:hover{text-decoration:underline}.remember-me{display:flex;align-items:center;margin-bottom:10px}.remember-me input[type=checkbox]{width:15px;height:15px;margin-right:5px}.error-message{color:red;font-size:14px;margin-bottom:10px}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;border-radius:4px;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}