*{margin: 0; font-family: "Open Sans", sans-serif; box-sizing: border-box;}main{width: 450px; text-align: center; margin: 100px auto 0 auto; position: relative; padding: 25px;}a{text-decoration: none;}img{margin-bottom: 20px;}@media (max-width: 767px){main{width: 100%; margin: 10px auto 0 auto;}}.btn{width: 100%; display: block; border: none; border-radius: 3px; padding: 15px; margin: 20px 0; cursor: pointer; transition: 0.15s ease-in-out; background-color: #ebebeb; font-weight: bold; outline: none; font-size: 0.8em;}input{width: 100%; margin: 5px 0; border-radius: 3px; border: 1px solid #bdbdbd; outline: none; padding: 13px; transition: border 0.15s ease-in-out;}input:focus{border: 1px solid #673ab7;}.separator-sides{overflow: hidden; display: block; width: 100%; color: #9e9e9e; margin-top: 20px;}.separator-sides:before,.separator-sides:after{background-color: #9e9e9e; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 45%;}.separator-sides:before{right: 0.5em; margin-left: -50%;}.separator-sides:after{left: 0.5em; margin-right: -50%;}footer div.right{float: right;}.color-primary{background-color: #673ab7; color: #ffffff; transition: background-color 0.15s ease-in-out;}.color-light-gray{background-color: #e0e0e0; color: #212121; transition: background-color 0.15s ease-in-out;}.color-primary:hover{background-color: #512da8;}.color-light-gray:hover{background-color: #cecece;}img{height: 40px;}.link{font-size: 0.9em; color: #673ab7; text-decoration: none;}.link:visited{color: #673ab7;}.link:hover{text-decoration: underline;}@media (max-width: 767px){footer{display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: flex-start;}}