body {
    background-image: var(--background-image);
}

@font-face {
    font-family: 'CustomFont';
    src: url('https://file.garden/ZtuMn9OuizV8RAz5/fonts/PixelMplus10-Regular.ttf') format('truetype');
    /* Add additional src declarations for other font formats if desired */
}

            a:hover {
                cursor: url('https://chairfiles.vercel.app/cursor.png'), auto;
            }
            * {
                cursor: url('https://chairfiles.vercel.app/cursor.png'), auto;
            }


body {
  font-family: 'CustomFont';
}


[data-theme="light"] {
  --border: #4932C9;
  --window-background:#F9EFF9;
  --background-image: url("https://uraincandy.neocities.org/images/uf0x54.webp");
  --button-image: url("https://raincandy.lol/images/button.png");
  --outer-color: #94F1E1;
  --title: #EDD0EE;
  --inactive: #E2E2E2;
  --text: #4932C9;
  --button-normal: url("https://raincandy.lol/a/button%20(1).png");
        --button-hovered: url("https://raincandy.lol/a/button_hovered.png");
      --button-pressed: url("https://raincandy.lol/a/button_pressed.png");
      --button-disabled: url("https://raincandy.lol/a/button_disabled.png");
      --window-button: url("https://raincandy.lol/a/window_buttons2.png");
      --bio: url("https://raincandy.lol/a/bio.png");
}

[data-theme="dark"] {
  --border: #343135;
  --window-background:#605876;
    --background-image: url("https://internetidol.neocities.org/other%20shit/Untitled149_20250427202555.png");
    --button-image: url("https://raincandy.lol/images/homework/exe/Untitled48_20250910165339.png");
    --outer-color: #959ac6;
    --title: #802426;
    --inactive: #6b6e8a;
    --text: white;
      --button-normal: url("https://raincandy.lol/a/wehbx6.png");
      --button-hovered: url("https://raincandy.lol/a/Untitled49_20250910173149.png");
      --button-pressed: url("https://raincandy.lol/a/pressed.png");
      --button-disabled: url("https://raincandy.lol/a/button_disabled.png");
      --window-button: url("https://raincandy.lol/a/Untitled50_20250910172303.png");
      --bio: url("https://raincandy.lol/a/Untitled51_20250910172511.png");
    }


body {
  cursor: url("/cursor.png"), auto;
  color: var(--text);
  /*font-family: "MS ui gothic";*/
  image-rendering: pixelated;
  /*font-size: 17px;*/
  font-size: 18px;
}

.window {
  border: 2px solid var(--border);
  background: var(--inactive);
  padding: 4px;
  padding-bottom: 16px;
  box-shadow: 4px 4px rgba(80,20,255,0.2);
  padding-bottom: 0;
}

.window::after {
  content: var(--button-image);
  display: block;
  margin-bottom: -3px;
}


/*special*/
/*.wrapper:hover .title*/
.window:hover {
  background: var(--outer-color);
}
.window:hover .title {
  background: var(--title);
}

.active {
  background: var(--outer-color);
}
/**/

.window .title {
  border: 2px solid var(--border);
  background: var(--inactive);
  color: var(--text);
  /*font-family: "MS ui gothic";*/
  image-rendering: pixelated;
  font-weight: bold;
  /*font-size: 17px;*/
  height: 22px;
  
  /*display: flex;
  align-items: center;
  justify-content: space-between;*/
}

.window .title span {
  /*flex: 1;*/
  text-overflow: ellipsis;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 2px;
}

.active .title {
  background: var(--title);
}

.title {
    pointer-events: none;
}

.title::before {
  content: var(--bio);
  float:left;
  padding-right:2px;
  
  width: 22px;
  height: 22px;
  
  /*display:flex;
  flex-direction:row;
  align-items: center;
  justify-content: center;*/
}

.title::after {
  content: var(--window-button);
  float:right;
  pointer-events: all;
  
  /*display:flex;
  flex-direction:row;
  align-items: center;
  justify-content: center;*/
}

.subtitle {
  color: var(--text);
  /*font-family: "MS ui gothic";*/
  image-rendering: pixelated;
  font-size: 17px;
  font-weight: bold;
}

.window .content {
  border: 2px solid var(--border);
  background: var(--window-background);
  color: var(--text);
  /*font-family: "MS ui gothic";*/
  image-rendering: pixelated;
  /*font-size: 17px;*/
  margin-top: 4px;
  padding: 4px;
}

button {
  color: var(--text);
  image-rendering: pixelated;
  font-size: inherit;
  font-family: inherit;
  text-align: center;
  border: 4px solid transparent;
  border-image: var(--button-normal) 4 fill repeat;
}

button:hover {
  cursor: url("/click.png"), auto;
  border-image: var(--button-hovered) 4 fill repeat;
}

button:active {
  /*border-style: inset;*/
  border-image: var(--button-pressed) 4 fill repeat;
}

button:disabled {
  /*border-style: inset;*/
  border-image: var(--button_disabled) 4 fill repeat;
}

.border {
  border: 2px solid var(--border);
}

.fit-content {
  width: max-content;
  height: max-content;
}