| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- /* Basic reset */
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- body {
- font-family: 'Arial', sans-serif;
- line-height: 1.6;
- padding: 20px;
- background-color: #f4f4f4;
- }
- header {
- background: #333;
- color: #fff;
- padding-top: 30px;
- min-height: 70px;
- border-bottom: #0779e4 3px solid;
- }
- header a {
- color: #fff;
- text-decoration: none;
- text-transform: uppercase;
- margin: 0 15px;
- }
- header li {
- display: inline;
- padding: 0 20px;
- }
- header nav {
- text-align: center;
- }
- main {
- padding: 20px;
- }
- h2 {
- color: #333;
- }
- table {
- width: 100%;
- margin-top: 20px;
- border-collapse: collapse;
- }
- table, th, td {
- border: 1px solid #bbbbbb;
- padding: 10px;
- text-align: left;
- }
- th {
- background-color: #f8f8f8;
- }
- form {
- background-color: #fff;
- padding: 20px;
- border-radius: 5px;
- }
- form p, form h3 {
- margin: 15px 0;
- }
- button, input[type="submit"] {
- background: #0d6efd;
- color: #fff;
- border: 0;
- padding: 10px 20px;
- cursor: pointer;
- border-radius: 5px;
- }
- button:hover, input[type="submit"]:hover {
- background: #0b5ed7;
- }
- /* Add any additional styles as needed */
|