/* Window frame effect for main content area */
/* Creates curved left and right sides that extend outward, making the content
   area appear to seamlessly merge with the header and footer */

#MainContent {
  /* Outward curves on left and right sides that meet header/footer smoothly */
  clip-path: polygon(
    /* Top-left: start at top, curve outward then back */
    0% 0%,
    -1.5% 0%,
    -2.5% 1%,
    -3% 3%,
    -3.2% 8%,
    -3% 15%,
    -2.8% 25%,
    -2.5% 35%,
    -2.3% 45%,
    -2.2% 50%,
    -2.3% 55%,
    -2.5% 65%,
    -2.8% 75%,
    -3% 85%,
    -3.2% 92%,
    -3% 97%,
    -2.5% 99%,
    -1.5% 100%,
    0% 100%,

    /* Bottom and right side */
    100% 100%,
    101.5% 100%,
    102.5% 99%,
    103% 97%,
    103.2% 92%,
    103% 85%,
    102.8% 75%,
    102.5% 65%,
    102.3% 55%,
    102.2% 50%,
    102.3% 45%,
    102.5% 35%,
    102.8% 25%,
    103% 15%,
    103.2% 8%,
    103% 3%,
    102.5% 1%,
    101.5% 0%,
    100% 0%
  );
}