/* mysite.css */ header, footer { background-color: lightgray; text-align: center; padding: 10px; /*font-family: 'Times New Roman', serif;*/ } p { text-align: center; font-family: arial; font-size: 14px; } footer { padding: 10px; text-align: center; position: absolute; } body { font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size: 14px; background-color: lightgray; } body { background-image: url("img/background.webp"); background-position: center; background-repeat: repeat-x; background-size: cover; } html, body { padding: 0; margin: 0; } /* Style inputs with type="text", select elements and textareas */ input[type=text], select, textarea { width: 100%; /* Full width */ padding: 12px; /* Some padding */ border: 1px solid #ccc; /* Gray border */ border-radius: 4px; /* Rounded borders */ box-sizing: border-box; /* Make sure that padding and width stays in place */ margin-top: 6px; /* Add a top margin */ margin-bottom: 16px; /* Bottom margin */ resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */ } /* Style the submit button with a specific background color etc */ input[type=submit] { background-color: #ff0000; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } /* When moving the mouse over the submit button, add a darker green color */ input[type=submit]:hover { background-color: lightgray; } /* Add a background color and some padding around the form */ .container { border-radius: 5px; background-color: lightgray; padding: 20px; } #main { border: solid 1px #ccc; border-radius: 5px; color: #202020; margin: 20px 0; padding: 5px; } #results { padding: 2px; width: 600px; display: inline-block; vertical-align: top; } .simple-form { padding: 2px; width: 300px; display: inline-block; vertical-align: top; /* position: absolute; bottom: 5px; right: 5px; */} .simple-form label { font-weight: bold; } .simple-form input[type=text], .simple-form select, .simple-form input[type=password], .simple-form textarea { width: 150px; } .simple-form input[type=submit] { background-color: green; color: white; border-radius: 15px; padding: 3px; margin-top: 5px; } .container { width: 800px; margin: 100 auto; background-color: lightgray; padding: -15px; } a { float: right; margin: 5px; padding: 10px; font-size: 16px; } img{ float: left; } h1{ color: #f00; font-family: Arial; font-size: 38px; margin-right: 200px; padding-top: 30px; } h2{ font-family: Arial; margin-right: 200px; } h3{ text-align: center; } button{ margin-right: 200px; } .floated-image{ float: right; margin-right: 350px; padding-bottom: 90px; } .img{ display: block; border-radius: 8px; margin-left: auto; margin-right: auto; width: 50%; }