#signup{width:100%;padding:var(--page-padding);flex-direction:column;gap:30px}.signup{display:flex;flex-direction:column;gap:40px;width:100%}.signup h1{font-size:40px;font-weight:700}.form-row{display:flex;gap:20px}.signup form{display:flex;flex-direction:column;gap:20px;width:100%}.signup form input{border-bottom:1px solid black;outline:none;padding:12px;font-size:16px;width:100%}#gender,#region{flex:1;display:flex;flex-direction:column;gap:10px}.gender{display:flex;align-items:flex-end;gap:15px;flex:1}.region{flex:1;display:flex;justify-self:flex-start}.signup form input[type=submit]{background-color:var(--accent-color);padding:12px;color:#fff;font-size:20px;cursor:pointer;width:30%}.signup button{background-color:var(--secondary-color);padding:12px;color:#fff;font-size:15px;cursor:pointer;width:30%}@media (max-width: 767px){.form-row{flex-direction:column;gap:10px}.signup form input[type=submit]{width:50%}}#login{display:flex;width:100%;padding:var(--page-padding);flex-direction:column;gap:30px}.login{display:flex;flex-direction:column;gap:40px;width:100%}#login h1{font-size:40px;font-weight:700}.login form{display:flex;flex-direction:column;gap:20px;width:100%}.login form input{border-bottom:1px solid black;outline:none;padding:12px;font-size:16px;width:50%}.login form input[type=submit]{background-color:var(--accent-color);padding:12px;color:#fff;font-size:20px;cursor:pointer;width:20%}@media (max-width: 767px){.login form input{width:100%}.login form input[type=submit]{width:50%}}