/* Import the retro Windows 98 CSS */
@import url('https://unpkg.com/98.css');

/* Override any element whose class name includes "content" */
[class*="content"] {
  /* Apply a retro font and background typical of a Windows 98 window */
  font-family: "MS Sans Serif", sans-serif !important;
  background-color: #d4d0c8 !important; /* Classic Windows 98 window background */
  border: 2px outset #fff !important;
  box-shadow: 2px 2px 0 #000 !important;
  padding: 8px !important;
}

/* Override any element whose class name includes "scroller" */
[class*="scroller"] {
  /* Customize scrollbars with a vintage look */
  scrollbar-face-color: #c0c0c0 !important;
  scrollbar-track-color: #e0e0e0 !important;
  scrollbar-arrow-color: #000 !important;
  scrollbar-shadow-color: #fff !important;
}

/* Override any element whose class name includes "sidebar" */
[class*="sidebar"] {
  /* Give sidebars a retro background and inset border effect */
  background-color: #c0c0c0 !important;
  border: 2px inset #fff !important;
  font-family: "MS Sans Serif", sans-serif !important;
  padding: 10px !important;
}

/* Additional example: Override buttons to mimic vintage Windows controls */
button,
[class*="button"] {
  font-family: "MS Sans Serif", sans-serif !important;
  background: linear-gradient(to bottom, #e0e0e0, #c0c0c0) !important;
  border: 2px outset #fff !important;
  box-shadow: 1px 1px 0 #000 !important;
  padding: 4px 8px !important;
}

/* Example for modals or windows */
[class*="modal"], [class*="window"] {
  background-color: #d4d0c8 !important;
  border: 2px solid #fff !important;
  box-shadow: 2px 2px 0 #000 !important;
  font-family: "MS Sans Serif", sans-serif !important;
  padding: 10px !important;
}