section { text-align: center; position: fixed; top: 40%; left: 50%; transform: translate(-50%, -50%); padding: 5%; background-color: white; box-shadow: 0px 0px 20px darkslategrey; } body { background-color: slategray; font-family: 'Helvetica Neue', 'Helvetica', Calibri, 'Trebuchet MS', sans-serif; } footer { display: flex; position: fixed; right: 0; bottom: 0; } .logo { max-width: 100px; padding: 20px; align-self: center; } .button_background { overflow: visible; text-transform: none; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; transition-property: background-color; background-color: rgb(241, 81, 81); color: white; font-size: 20px; font-family: 'Helvetica Neue', 'Helvetica', Calibri, 'Trebuchet MS', sans-serif; cursor: pointer; border: 0; font-weight: 100; letter-spacing: 1px; margin: 5px 0px; } button { -webkit-appearance: button; padding: 8px 10px; } .sso_button { display: inline-block; text-decoration: none; padding: 8px 0px; width: 305.438px; } button:hover, .sso_button:hover { background-color: rgb(201, 41, 41); } input { font-size: 20px; padding: 5px 10px; font-family: 'Helvetica Neue', 'Helvetica', Calibri, 'Trebuchet MS', sans-serif; }