*{margin: 0; font-family: "Open Sans", sans-serif; box-sizing: border-box;}html,body{height: 100%;}#content{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; height: 100%;}main{flex: 0 1 auto; align-self: auto; width: 500px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 50px; border-radius: 5px;}h1{font-weight: lighter; font-size: 1.5em; margin: 20px 0; color: #424242;}a{text-decoration: none;}button{width: 100%; 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;}.color-primary{background-color: #673ab7; color: #ffffff; transition: background-color 0.15s ease-in-out;}.color-primary:hover{background-color: #512da8;}.window-top{position: absolute; top: 3%; right: 10%;}.window-top a{border: 1px solid #673ab7; border-radius: 100px; padding: 7px 15px; transition: all 0.15s ease-in-out;}.window-top a:hover,.window-top a:active{background-color: #673ab7; color: white;}div.error p{color: #b71c1c;}