body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
    }

    #container {
      display: none;
      position: fixed;
      margin-top: 40px;
      margin-left: 20px;
      border-radius: 30px;
      left: 0;
      width: 500px; /* Set the width of the container */
      height: 650px; /* Set the height of the container */
      background-color: rgba(0, 0, 0, 0.8); /* Background color with alpha for transparency */
      color: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Added box shadow */
      overflow: hidden; /* Ensure content does not overflow the container */
      opacity: 0; /* Initial opacity */
      transition: opacity 1s, transform 1s; /* Transition for fade-in and fade-out */
      z-index: 1000; /* Set a higher z-index value */
    }

    @keyframes fadeIn {
      0% {
        opacity: 0;
        transform: scale(0);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes fadeOut {
      0% {
        opacity: 1;
        transform: scale(1);
      }
      100% {
        opacity: 0;
        transform: scale(0);
      }
    }

    #website-iframe {
      width: 100%; /* Set iframe width to 100% of the container */
      height: 100%; /* Set iframe height to 100% of the container */
      border: none; /* Remove iframe border */
    }

    #close-btn {
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer;
      font-size: 20px;
      color: black; /* Set the color of the exit button to black */
    }

    #open-btn {
      position: fixed;
      bottom: 20px;
      left: 20px; /* Set the button to the left */
      cursor: pointer;
      width: 80px;
      opacity: 1; /* Initial opacity */
      transition: opacity 0.5s, transform 0.5s; /* Transition for button fade-in and fade-out */
    }

    #open-btn:hover {
      transform: scale(1.1); /* Scale up on hover */
    }

    #container.active {
      display: block;
      opacity: 1; /* Set opacity to 1 when container is active */
      transform: scale(1); /* Set scale to 1 when container is active */
      animation: fadeIn 1s; /* Keyframe animation for fade-in */
    }

    #container.closing {
      opacity: 0; /* Set opacity to 0 when closing */
      transform: scale(0); /* Set scale to 0 when closing */
      animation: fadeOut 1s; /* Keyframe animation for fade-out */
    }

    /* Media query for smaller screens */
    @media (max-width: 600px) {
      #container {
        width: 100%; /* Set the container to full width */
        height: 100%; /* Set the container to full height of the viewport */
        border-radius: 0; /* Remove border-radius */
        margin-top: 0px;
        margin-left: 0px;
      }
    }