
<style>
    /* === Base styles === */
    body {
      margin: 0;
      padding: 0;
     background-color: #ff1ac6; /* Purple/pink background */
      font-family: Verdana, Arial, sans-serif; 
      height: 100vh;
      color: #222;
    }
    
    

    /* === 3-column layout === */
    .container {
      background-color: #ff1ac6; 
      display: flex;
      min-height: 100vh;
    }

    

    .center-column {
      flex: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 40px;
      
    }

    /* === burple box in center === */
    .content-box {
    background-color: #c7b2e8;
    font-family: Verdana, Arial, sans-serif; 
      padding: 2em;
      border-radius: 12px;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
      max-width: 600px;
      width: 100%;
      text-align: center;
    }

    /* === Dropdown === */
    .dropdown {
      position: relative;
      display: inline-block;
      margin-bottom: 2em;
    }

    .dropdown-button {
      background-color: #7E4CC9;
      padding: 10px 16px;
      cursor: pointer;
      border-radius: 5px;
    }

    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #e5dbf4;
      min-width: 180px;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
      z-index: 1;
    }

    .dropdown-content a {
      color: black;
       font-family: Verdana, Arial, sans-serif; 
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }

    .dropdown-content a:hover {
      background-color: #e5dbf4;
    }

    .dropdown:hover .dropdown-content {
      display: block;
    }

    h1 img {
      width: 1em;
      height: 1em;
      vertical-align: middle;
    }

    h1 {
      margin-bottom: 1em;
      color: #222;
    }

    h3 {
      margin-top: 2em;
    }

    footer {
      margin-top: 3em;
    }

    footer a {
      color: #000;
      text-decoration: none;
    }

    footer a:hover {
      text-decoration: underline;
    }
    
    .left-column,
.right-column {
  flex: 1;
  background-image: url('view.gif');
  background-repeat: repeat;
  background-size: auto; /* or 'contain' or 'cover' depending on the look you want */
  min-height: 100vh; /* ensure they stretch the full height */
}
  </style>
</head>