/* Reset and base styles */ * { padding: 0px; margin: 0px; border: none; } *, *::before, *::after { box-sizing: border-box; } /* Links */ a, a:link, a:visited { text-decoration: none; color: black; } a:hover { text-decoration: none; } /* Common */ aside, nav, footer, header, section, main { display: block; } h1, h2, h3, h4, h5, h6, p { font-size: inherit; font-weight: inherit; } ul, ul li { list-style: none; } img { vertical-align: top; } img, svg { max-width: 100%; height: auto; } address { font-style: normal; } /* Form */ input, textarea, button, select { font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; } input::-ms-clear { display: none; } button, input[type="submit"] { display: inline-block; box-shadow: none; background-color: transparent; background: none; cursor: pointer; } input:focus, input:active, button:focus, button:active { outline: none; } button::-moz-focus-inner { padding: 0; border: 0; } label { cursor: pointer; } legend { display: block; } html, body{ height: 100%; } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap'); .header { display: flex; justify-content: space-between; padding: 10px; background: #F8F8F8; font-family: Inter; font-weight: 500; font-size: 16px; line-height: 22px; color: black; } .header__section{ display: flex; align-items: center; } .header__item{ padding: 10px 15px; margin-left: 5px; color: black; } .footer{ display: flex; justify-content: space-between; } .content{ flex: 1 1 auto; } .wrapper{ min-height: 100vh; display: flex; flex-direction: column; } .reg_inputs{ column-count: 2; justify-content: center; width: 630px; height: 100px; left: 405px; top: 330px; } .reg_inputs label{ display: block; border: 1px solid #FF613A; border-radius: 10px; width: 305px; height: 30px; } .reg_button{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 20px 76px; gap: 10px; background: #FF613A; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12); }