/* styles.css */

/* Colors */
h1 {
    color: #333333;
  }
  
  h2 {
    color: #555555;
  }
  
  h3 {
    color: #777777;
  }
  
  body {
    background-color: #f5f5f5;
    color: #333333;
  }
  
  a:link {
    color: #ff5500;
  }
  
  a:visited {
    color: #cc4400;
  }
  
  a:hover {
    color: #ff7700;
  }
  
  nav,
  header,
  footer {
    background-color: #333333;
    color: #ffffff;
  }
  
  /* Form Styling */
  form {
    margin-bottom: 20px;
  }
  
  label {
    display: block;
    margin-bottom: 5px;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="submit"] {
    padding: 8px;
    margin-bottom: 10px;
    width: 100%;
  }
  
  input[type="submit"] {
    background-color: #ff5500;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  input[type="submit"]:hover {
    background-color: #cc4400;
  }
  
  /* Table Styling */
  table {
    border-collapse: collapse;
    width: 100%;
  }
  
  th,
  td {
    padding: 8px;
    text-align: left;
  }
  
  th {
    background-color: #333333;
    color: #ffffff;
  }
  
  tr:nth-child(even) {
    background-color: #f5f5f5;
  }