body {
      font-family: sans-serif;
      font-size: 13px;
      background-color: #fadfb6;
      margin: 0;
      padding: 0;
    }
    
    

    .mobile-container {
      max-width: 80%;
      margin: 20px auto;
      background-color: white;
      color: black;
      border-radius: 10px;
      padding-bottom: 20px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .topnav {
      overflow: hidden;
      background-color: #f29305;
      position: relative;
      border-radius: 10px 10px 0 0;
    }

    .topnav #myLinks {
      display: none;
    }

    .topnav a {
      color: white;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
      display: block;
    }

    .topnav a.icon {
      background: black;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
    }

    .topnav a:hover {
      background-color: #ddd;
      color: black;
    }

    .active {
      background-color: #f08f07;
      color: white;
      font-weight: bold;
    }

   

    img {
      border-radius: 10px;
      transition: transform 0.3s ease;
    }

    img:hover {
      transform: scale(1.05);
    }
    
  input[type=text] {
  border: 2px solid orange;
  border-radius: 8px;
}

input[type=submit] {
  background-color: orange;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}