.container {max-width: 300px; margin: 10px auto; padding: 15px; text-align: center;}

.page-content {background: #f5f5f5; border-radius: 15px; padding: 15px;}

h1 {font-size: 20px; padding: 5px;}
form {display: flex; flex-direction: column;}
form > * {margin: 5px 0;}


.social-caption {border-top: solid #ddd 1px; margin-top: 10px; padding-top: 5px;}
.auth-social {display: flex; justify-content: center; margin: 5px -5px;}
.auth-social a {margin: 5px;}
.auth-social a img {height: 45px; width: 45px; transition: .5s;}
.auth-social a:hover img {transform: scale(1.1);}

.auth-more {border-top: solid #ddd 1px; margin: 5px -5px 0; padding-top: 5px;}
.auth-more p {margin: 5px 0;}

form {border-top: solid #ddd 1px; margin-top: 10px; padding-top: 5px;}
form .hide {display: none;}
form .confirm {}
form .confirm .resend {}
/*form button[type=button] {}*/
form button:disabled {background: #ddd;}