@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);


  
html, body {min-width: 320px; height: 100%; margin: 0;}
body {display: flex; flex-direction: column; background-color: #f6f6f6; margin: 0; padding: 0; color: #101010;
	font-family: 'Open Sans', Arial; font-size: 16px; font-display: swap; font-weight: 400; max-height: 100000px;}
*, *::before, *::after {box-sizing: border-box;}
.clear {clear: both;}
a {color: #2253ac; text-decoration: none;}
a:hover {color: #ffa2d7; text-decoration: underline;}

.main {flex: 1; padding: 10px; width: 100%; max-width: 700px; margin: 0 auto;}

.header-wrap {display: flex; max-width: 700px; margin: 0 auto; padding: 20px 10px}
.column {flex: 1;}

.menu-burger {width: 30px; height: 30px}
.menu-burger a svg:hover #hamburger {
    stroke: #ffa2d7;
}
.menu-logo {text-align: center}
.menu-logo a img {display: inline-block; padding-top: 2px; height: 30px;}
.menu-sign-in {display: inline-block; padding-top: 5px; text-align: right}
.menu-sign-in a {display: inline-block; padding: 2px 15px; border: none; border-radius: 20px;
    font-size: 14px; text-transform: uppercase; background: #ffa2d7; color: #000;
    text-decoration: none; font-weight: 600;}
.menu-sign-in a:hover {background: #ffb9e7;}

h1 {display: inline-block; font-size: 26px; font-weight: 700; margin: 0}
h1 span {color: #999; font-weight: 600}
h1 a {color: #999; font-weight: 600; text-decoration: underline;}

.register-form {display:block; padding: 20px 0}

.register-row {display: flex; width: 100%; padding: 10px 0; align-items: center}
.register-row label {display: block; flex-basis: auto; padding-right: 10px; font-weight: 600}
.register-row input,
    .register-row select {display: block; flex-grow: 1; font-size: 16px; background: #fff;
	padding: 5px 10px; outline: none; border: 2px solid #fff; border-bottom-color: #000; border-radius: 99px;}
.register-button {background: #ffa2d7; font-size: 16px; color: #000; font-weight: 600; text-transform: uppercase;
	padding: 10px 30px; outline: none; border: none; border-radius: 99px; cursor: pointer;}
.register-button:hover {background: #ffb9e7;}

.register-row input.invalid-field {border-bottom-color: red}


.footer {background: #eee; color: #999; line-height: 25px; font-size: 14px;}
.footer-wrap {max-width: 700px; padding: 10px; margin: 0 auto;}
.footer-wrap div {width: 100%; line-height: 25px}
.footer a {display: inline-block; color: #333; margin-right: 10px;}

.errors {color: red}
.error-message {color: red; width: 100%; text-align: center; font-size: 14px; margin-top: -5px}

.circle {border-radius: 99px;}

a, #hamburger {-webkit-transition: all 0.2s;transition: all 0.2s;}
::placeholder {color: #ccc; opacity: 1;}
.flex-center {justify-content: center;}