.bod{ background-color: palegreen; background-image: url('../images/background.jpg'); } .title{ background-color: white; width: 450px; padding: 5px; margin: auto; margin-top: 1cm; border-radius: 15px; } .title_failed{ background-color: red; color:white; width: 450px; padding: 5px; margin: auto; margin-top: 1cm; border-radius: 15px; } .title-signUp{ background-color: white; width: 450px; padding: 5px; margin: auto; margin-top: 0.5cm; border-radius: 15px; } .log-in{ background-color: white; width: 450px; padding: 5px; margin: auto; margin-top: 3cm; text-align: center; border-radius: 15px; } .sign-up{ background-color: white; width: 450px; padding: 5px; margin: auto; margin-top: 2cm; text-align: center; border-radius: 15px; } .text-in{ font-family: 'Courier New', Courier, monospace; font-size: medium; color:black; text-align: left; margin-left: 10px; border-radius: 15px; } .title_text{ text-align: center; } .button_colour{ background-color: #1e4f4e; color:white; border-radius: 12px; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type=submit] { width: 100px; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; } input[type=submit]:hover { background-color: #45a049; } .allignleft{ text-align: right; } .line{ color: lightgrey; } .signin_text{ font-weight: bold; font-size: 20px; } .meetTheTeam{ text-align: center; } .log_in_failed{ background-color:red; width: 450px; padding: 5px; margin: auto; margin-top: 3cm; text-align: center; border-radius: 15px; }