@media (max-width: 600px) {
      nav {
        flex-direction: column;
      }
      nav a {
        padding: 12px;
        text-align: center;
      }
        form input, form textarea {
      width: 100%;
      padding: 10px;
      margin-top: 8px;
      margin-bottom: 20px;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-size: 1em;
    }
    }
      body {
       padding: 40px 20px;
       max-width: 1000px;
       text-align:center;
       margin: auto;
       color: white;
       background-color:#0a3d62;
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); 
      }
      nav {
      display: flex;
      justify-content: center;
      background: #1e272e;
    }
     nav a {
      color: white;
      padding: 15px 25px;
      text-decoration: none;
      font-weight: 600;
    }
     nav a:hover {
      background-color: grey;
    }
     button {
      background-color: #0a3d62;
      color: white;
      padding: 12px 20px;
      border: none;
      border-radius: 4px;
      font-size: 1em;
      cursor: pointer;
    }
     button:hover {
      background-color: #145f9e;
    }
     footer {
      background-color: #1e272e;
      color: #ddd;
      text-align: center;
      padding: 20px;
      margin-top: 40px;
    }