h1 {
      color: orange;
      text-align: center;
      font-family: monospace;
    }

    body {
      background-color: blanchedalmond;
      text-align: center;
      font-family: serif;
    }

    h3 {
      color: white;
      font-style: italic;
      background-color: orange;
      padding: 5px;
      border-radius: 5px;
      width: 60%;
      margin: 15px auto;
    }

    .divcard {
      box-shadow: 10px 10px 5px orange;
      background-color: white;
      text-align: center;
      width: 80%;
      margin: 15px auto;
      padding: 10px;
      border-radius: 10px;
      transition: transform 0.3s, background-color 0.3s;
    }

    
    .divcard:hover {
      background-color: #ffe8c8;
      transform: scale(1.02);
    }

    
    img {
      border-radius: 10px;
      transition: transform 0.3s, box-shadow 0.3s;
    }

    img:hover {
      transform: scale(1.05);
      box-shadow: 0 4px 15px rgba(255, 165, 0, 0.6);
    }

    
    input[type="submit"] {
      background-color: orange;
      color: white;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s, transform 0.3s;
    }

    input[type="submit"]:hover {
      background-color: darkorange;
      transform: scale(1.1);
    }

    textarea {
      border-radius: 5px;
      border: 1px solid #ccc;
      padding: 10px;
    }

    hr {
      border: 1px solid orange;
      width: 80%;
    }

    
    .box {
      width: 150px;
      height: 100px;
      background-color: lightblue;
      text-align: center;
      line-height: 100px;
      transition: 0.3s;
      margin: 20px auto;
    }

    .box:hover {
      background-color: steelblue;
      color: white;
      transform: scale(1.1);
    }