* { margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; text-decoration: none; } div {} .biggestBox { height: 100vh; display: flex; justify-content: center; align-items: center; } .reg-Page { border: 1px solid rgb(218, 220, 224); min-width: 448px; height: auto; padding: 48px 40px 36px 40px; } .reg-Page>h1 { padding-top: 16px; font-size: 24px; font-weight: 400; color: #202124; } .reg-Page>h1>p { color: #E33333; display: inline; } .keepOn { padding-top: 8px; color: #202124; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 1.5; } .inputStuff {} .inputStuff input { display: inline-block; width: 100%; padding: 7px 9px; border: 1px solid #ccc; border-radius: 4px; } .logo { color: #E33333; font-size: 30px; } .firBox { padding: 24px 0 0; } .secBox { padding: 24px 0 0; } .warning { margin-left: 10px; padding-top: 4px; font-size: 13px; color: #5f6368; } .checkPassword { position: relative; padding-top: 10px; } .checkPassword input { position: relative; top: 3.5px; width: 18px; height: 18px; } .checkPassword p { display: inline-block; } .lastBox { font-size: 14px; display: flex; margin-top: 40px; } .sign-in { display: flex; align-items: center; width: calc(50% - 1px); } .sign-in>div { height: 14px; color: #E33333; padding: 0 8px; } .sign-in>div>a { color: #E33333; } .regConfirm { width: calc(50% - 1px); } .regConfirm>input { width: 90px; height: 48px; display: flex; justify-content: center; align-items: center; float: right; background-color: #E33333; border-radius: 4px; color: white; }