h1{color:#fff;font-size:4em;text-align:center}h3{color:#868686}div.login-container{display:flex;flex-direction:row;margin:10% 10%}div.login-container div.logo{flex-basis:0;flex-grow:1;flex-shrink:0;background-image:url(/Images/Teppa-peach.svg);background-position:center;background-repeat:no-repeat;background-size:contain}div.login-container div.content{flex-basis:0;flex-grow:1;flex-shrink:0;display:flex;flex-direction:column}div.login-container div.content.credentials,div.login-container div.content.reset,div.login-container div.content.reset-complete{background-color:#fff;padding:1em}div.login-container div.content.credentials label,div.login-container div.content.reset label,div.login-container div.content.reset-complete label{display:block}div.login-container div.content.credentials input[type='text'],div.login-container div.content.reset input[type='text'],div.login-container div.content.reset-complete input[type='text'],div.login-container div.content.credentials input[type='password'],div.login-container div.content.reset input[type='password'],div.login-container div.content.reset-complete input[type='password']{border:solid 1px #cdcdcd;border-radius:.25em;margin:1em 0 1em 0;padding:.5em;transition:border 300ms}div.login-container div.content.credentials input[type='text']:focus,div.login-container div.content.reset input[type='text']:focus,div.login-container div.content.reset-complete input[type='text']:focus,div.login-container div.content.credentials input[type='password']:focus,div.login-container div.content.reset input[type='password']:focus,div.login-container div.content.reset-complete input[type='password']:focus{border-color:#49a6d8;outline:none}div.login-container div.content.credentials div.error,div.login-container div.content.reset div.error,div.login-container div.content.reset-complete div.error{color:red}div.login-container div.content.credentials a.button,div.login-container div.content.reset a.button,div.login-container div.content.reset-complete a.button{background:#644e8f;border:none;border-radius:.5em;color:#fff;line-height:1em;width:100%;box-sizing:border-box;font-size:1.4em;padding:1em}div.login-container div.content.credentials a.button:hover,div.login-container div.content.reset a.button:hover,div.login-container div.content.reset-complete a.button:hover{border:none;background:#453763}div.login-container div.content.credentials p.failure-message,div.login-container div.content.reset p.failure-message,div.login-container div.content.reset-complete p.failure-message{background:#f5415c;color:#fff;padding:.75em;transition:all 300ms}div.login-container div.content.credentials div.pending,div.login-container div.content.reset div.pending,div.login-container div.content.reset-complete div.pending{height:4.2em;position:relative;width:100%}@media screen and (max-device-width:768px){div.login-container{flex-direction:column;height:100%;margin:0}div.login-container div.logo{margin:10%}}