[data-bs-theme=purple] {
  color-scheme: dark;
  --bs-primary: purple;
  --bs-primary-rgb: 128, 0, 128;
  --bs-body-color: purple;
  --bs-body-color-rgb: 128, 0, 128;
  --bs-body-bg: lavenderblush;
  --bs-body-bg-rgb: 255, 240, 245;
  --bs-emphasis-color: indigo;
  --bs-emphasis-color-rgb: 70, 0, 70;
  --bs-primary-text-emphasis: indigo;
  --bs-link-color: purple;
  --bs-link-hover-color: orchid;
  --bs-link-color-rgb: 128, 0, 128;
  --bs-link-hover-color-rgb: 218, 112, 214;

}

[data-bs-theme=chaos] {
  color-scheme: light;
  --bs-primary: rgb(200, 0, 200);
  --bs-primary-rgb: 200, 0, 200;
  --bs-body-color: maroon;
  --bs-body-color-rgb: 255, 255, 0;
  --bs-body-bg: orange;
  --bs-body-bg-rgb: 0, 0, 245;
  --bs-emphasis-color: rgb(100, 0, 100);
  --bs-emphasis-color-rgb: 100, 0, 100;
  --bs-primary-text-emphasis: red;
  --bs-link-color: blue;
  --bs-link-hover-color: navy;
  --bs-link-color-rgb: 0, 0, 255;
  --bs-link-hover-color-rgb: 0, 255, 255;
  background-image: url('./Pig.png');

}

body {
  overflow-y: scroll;
  background-color: rgb(255, 250, 255);
}

.rotating {
   animation: rotate 1s infinite linear;
}

@keyframes rotate {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
}