@charset "utf-8";
/* CSS Document */
body { font-family: Malgun Gothic, sans-serif; background-color: black; margin: 0; }

* { box-sizing: border-box; }

/*.container { padding: 16px; background-color: white; max-width: 500px; margin: 30px auto; border-radius: 8px; }*/
.main-content { max-width: 768px; margin: 0 auto; padding: 1rem; background: #fff; font-size: 16px; }

/* Full-width input fields */
input[type=text], input[type=password], input[type=email] { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; }

input:focus { background-color: #ddd; outline: none; }

hr { border: 1px solid #f1f1f1; margin-bottom: 25px; }

.registerbtn { background-color: #04AA6D; color: white; padding: 16px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; opacity: 0.9; font-size: 16px; border-radius: 5px; }

.registerbtn:hover { opacity: 1; }

.signin { background-color: #f1f1f1; text-align: center; padding: 10px; border-radius: 0 0 8px 8px; }

textarea { width: 100%; height: 120px; resize: none; padding: 10px; font-size: 14px; background: #f9f9f9; }