/* Font for tab links & main text */
@font-face {
  font-family: "w95a";
  src: url("https://pixelmoondust.neocities.org/layouts/recreatedlayouts/W95FARegular.ttf") format("truetype");
}

/* Font for window title */
@font-face {
  font-family: "dia";
  src: url("https://pixelmoondust.neocities.org/layouts/recreatedlayouts/AdobeDia.ttf") format("truetype");
}

/* Fonts for start menu side logo */
@font-face {
  font-family: "FRABK";
  src: url("https://pixelmoondust.neocities.org/layouts/recreatedlayouts/FRABK.ttf") format("truetype");
}
@font-face {
  font-family: "FRAHV";
  src: url("https://pixelmoondust.neocities.org/layouts/recreatedlayouts/FRAHV.ttf") format("truetype");
}

/* FONTS END */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* BODY */

html,
body {
  max-width: 100vw;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  background-image: url("https://file.garden/ZWlUCY4S7Xz2vypS/for%20my%20neocities/tile%20backgrounds/diamond%20check/diamond%20checker%20fuchsia%20light%20-%20dark.png");
  font-size: 10px;
  color: #000;
  cursor: url("https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/cursors/win95%20cursor.jpg"), default;
  image-rendering: crisp-edges;
}

/* LINKS */

a,
a:hover,
a:active {
  color: #0000ff;
  cursor: url("https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/cursors/win95%20pointer.jpg"), pointer;
}
a:visited {
  color: #800080;
}

/* LINKS END */

/* HEADERS */

h1,
h2 {
  display: block;
  margin: 0;
  font-weight: 400;
  color: #000;
  cursor: url("https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/cursors/win95%20text%20select.jpg") 3.5 8, text;
}
h1 {
  font-family: "FRAHV";
  font-size: 4em;
  word-wrap: break-word;
}
h2 {
  font-family: "w95a";
  font-size: 1.5em;
}

/* HEADERS END */

/* DESKTOP PAINT ICON */

#painticon,
#painticon:active,
#highlight {
  display: block;
  position: absolute;
  top: 1px;
  left: 8px;
  background-color: transparent;
  border: none;
  cursor: inherit;
/* All buttons on this page use cursor: inherit so they have the same as the default cursor as buttons
     don't inherit it automatically. Changing this will change the buttons cursor from the webpage default
     to the users default cursor.*/
}
#painticon p {
  position: relative;
  width: calc(100% + 10px);
  left: -4px;
  margin-top: 1px;
  font-family: "w95a";
  font-size: 12px;
  color: #fff;
  text-align: center;
}
#highlight {
  content: url("https://file.garden/ZWlUCY4S7Xz2vypS/new%20tiles%20stuff/windows%2095%20file%20explorer%20overlay.png");
  opacity: 0;
  left: 13px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#painticon:active #highlight,
#painticon:focus #highlight {
  opacity: 0.75;
}
#painticon:active p,
#painticon:focus p {
  background-color: #000080;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23ffff00' stroke-width='2' stroke-dasharray='1%2c 1' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}
#painticon p.focus {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23ff0000' stroke-width='2' stroke-dasharray='1%2c 1' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}

/* DESKTOP PAINT ICON END */

/* UNIVERSAL BORDERS */

/* A LOT of elements on this page share borders, so I decided to lump them all together rather than have them
     specified in each element. If you add more submenus, remember to add them here! */

/* Non-universal sections that reuse the same borders are placed in said sections, for ease of access. */

/* Main content, menus & submenus */

#paintbox,
.start-content,
.startsub1,
.startsub2,
.startsub3,
.filesub1,
.filesub2,
.filesub3 {
  background-color: #d0afd9;
  border: none;
  box-shadow: 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset, /* Outer left & outer right */
  0 1px 0 0 #d0afd9 inset, 0 -1px 0 0 #000 inset, 2px 0 0 0 #fff inset, /* Outer top, outer bottom, & inner left */
  -2px 0 0 0 #a07aaa inset, 0 2px 0 0 #fff inset, 0 -2px 0 0 #a07aaa inset; /* Inner right, inner top, & inner bottom */
/* The following two are optional and for support of older browsers. */
  -moz-box-shadow: 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset,
  0 1px 0 0 #d0afd9 inset, 0 -1px 0 0 #000 inset, 2px 0 0 0 #fff inset,
  -2px 0 0 0 #a07aaa inset, 0 2px 0 0 #fff inset, 0 -2px 0 0 #a07aaa inset;
  -webkit-box-shadow: 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset,
  0 1px 0 0 #d0afd9 inset, 0 -1px 0 0 #000 inset, 2px 0 0 0 #fff inset,
  -2px 0 0 0 #a07aaa inset, 0 2px 0 0 #fff inset, 0 -2px 0 0 #a07aaa inset;
}

/* Window function & start button */

.close,
#maximize,
.restore,
.minimize,
.left,
.right,
.startbtn {
  background-color: #d0afd9;
  border: none;
  box-shadow: 1px 0 0 0 #fff inset, -1px 0 0 0 #000 inset, 0 1px 0 0 #fff inset,
    0 -1px 0 0 #000 inset, 2px 0 0 0 #e9d9ed inset, -2px 0 0 0 #a07aaa inset,
    0 2px 0 0 #e9d9ed inset, 0 -2px 0 0 #a07aaa inset;
  -moz-box-shadow: 1px 0 0 0 #fff inset, -1px 0 0 0 #000 inset, 0 1px 0 0 #fff inset,
    0 -1px 0 0 #000 inset, 2px 0 0 0 #e9d9ed inset, -2px 0 0 0 #a07aaa inset,
    0 2px 0 0 #e9d9ed inset, 0 -2px 0 0 #a07aaa inset;
  -webkit-box-shadow: 1px 0 0 0 #fff inset, -1px 0 0 0 #000 inset, 0 1px 0 0 #fff inset,
    0 -1px 0 0 #000 inset, 2px 0 0 0 #e9d9ed inset, -2px 0 0 0 #a07aaa inset,
    0 2px 0 0 #e9d9ed inset, 0 -2px 0 0 #a07aaa inset;
  cursor: inherit;
}

/* Window function & start button (pressed) */

.close:active,
#maximize:active,
.restore:active,
.minimize:active,
.left:active,
.right:active,
.startbtn:active,
.startbtn:focus {
  background-color: #d0afd9;
  border: none;
  box-shadow: 1px 0 0 0 #000 inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #000 inset,
    0 -1px 0 0 #fff inset, 2px 0 0 0 #a07aaa inset, -2px 0 0 0 #d0afd9 inset,
    0 2px 0 0 #a07aaa inset, 0 -2px 0 0 #d0afd9 inset;
  -moz-box-shadow: 1px 0 0 0 #000 inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #000 inset,
    0 -1px 0 0 #fff inset, 2px 0 0 0 #a07aaa inset, -2px 0 0 0 #d0afd9 inset,
    0 2px 0 0 #a07aaa inset, 0 -2px 0 0 #d0afd9 inset;
  -webkit-box-shadow: 1px 0 0 0 #000 inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #000 inset,
    0 -1px 0 0 #fff inset, 2px 0 0 0 #a07aaa inset, -2px 0 0 0 #d0afd9 inset,
    0 2px 0 0 #a07aaa inset, 0 -2px 0 0 #d0afd9 inset;
}
.nav,
.filespace {
	  background-color: #d0afd9;
  border: none;
  box-shadow: 1px 0 0 0 #a07aaa inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #a07aaa inset,
    0 -1px 0 0 #fff inset, -2px 0 0 0 #d0afd9 inset, 0 -2px 0 0 #d0afd9 inset;
  -moz-box-shadow: 1px 0 0 0 #a07aaa inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #a07aaa inset,
    0 -1px 0 0 #fff inset, 2px 0 0 0 #000 inset, -2px 0 0 0 #d0afd9 inset,
    0 2px 0 0 #000 inset, 0 -2px 0 0 #d0afd9 inset;
  -webkit-box-shadow: 1px 0 0 0 #a07aaa inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #a07aaa inset,
    0 -1px 0 0 #fff inset, 2px 0 0 0 #000 inset, -2px 0 0 0 #d0afd9 inset,
    0 2px 0 0 #000 inset, 0 -2px 0 0 #d0afd9 inset;
}
/* Links hub buttons & inner palette colours */

.itembox1,
.itembox2,
.itembox3,
.itembox4,
.itembox5,
.itembox6,
.itembox7,
.itembox8,
.innercolour1,
.innercolour2 {
  background-color: #d0afd9;
  box-shadow: 1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset,
  -1px 0 0 0 #a07aaa inset, 0 -1px 0 0 #a07aaa inset;
  -moz-box-shadow:1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset,
  -1px 0 0 0 #a07aaa inset, 0 -1px 0 0 #a07aaa inset;
  -webkit-box-shadow: 1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset,
  -1px 0 0 0 #a07aaa inset, 0 -1px 0 0 #a07aaa inset;
}

/* White & light grey borders. */

.filespacetitle,
.navtitle,
.underinset,
.bottombox1,
.bottombox2,
.bottombox3,
.clockbox {
  box-shadow: 1px 0 0 0 #a07aaa inset, 0 1px 0 0 #a07aaa inset,
  -1px 0 0 0 #fff inset, 0 -1px 0 0 #fff inset;
  -moz-box-shadow: 1px 0 0 0 #a07aaa inset, 0 1px 0 0 #a07aaa inset,
  -1px 0 0 0 #fff inset, 0 -1px 0 0 #fff inset;
  -webkit-box-shadow: 1px 0 0 0 #a07aaa inset, 0 1px 0 0 #a07aaa inset,
  -1px 0 0 0 #fff inset, 0 -1px 0 0 #fff inset;
}

/* UNVERSAL BORDERS END */

/* TOOLTIPS */

.tooltip .tooltiptext,
.tooltip2 .tooltiptext2,
.tooltip3 .tooltiptext3,
.tooltip4 .tooltiptext4 {
  display: block;
  position: absolute;
  width: 150px;
  height: fit-content;
  background-color: #ffffe0;
  padding: 4px;
  box-shadow: 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset,
  0 1px 0 0 #d0afd9 inset, 0 -1px 0 0 #000 inset;
  -moz-box-shadow: 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset,
  0 1px 0 0 #d0afd9 inset, 0 -1px 0 0 #000 inset;
  -webkit-box-shadow: 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset,
  0 1px 0 0 #d0afd9 inset, 0 -1px 0 0 #000 inset;
  font-family: "w95a";
  font-size: 12px;
  color: #000;
  text-align: center;
  visibility: hidden;
  z-index: 9999999999999999999;
}
.tooltip .tooltiptext {
  top: 100%;
  right: 0;
}
.tooltip2 .tooltiptext2 {
  bottom: 100%;
  z-index: 98;
}
.tooltip3 .tooltiptext3 {
  bottom: 100%;
  left: 100%;
  text-align: left;
}
.tooltip4 .tooltiptext4 {
  top: 100%;
  left: 0;
  word-wrap: break-word;
}
.tooltip:hover .tooltiptext,
.tooltip2:hover .tooltiptext2,
.tooltip3:hover .tooltiptext3,
.tooltip4:hover .tooltiptext4 {
  visibility: visible;
}

/* TOOLTIPS END */

/* MAIN PAINTBOX */

#paintbox {
  display: block;
  position: absolute;
  min-width: 750px;
  min-height: 518px;
  top: 0;
  left: 75px;
  border-radius: 0 0 5px 5px;
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.8), 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset, /* Outer left & outer right */
  0 1px 0 0 #d0afd9 inset, 0 -1px 0 0 #000 inset, 2px 0 0 0 #fff inset, /* Outer top, outer bottom, & inner left */
  -2px 0 0 0 #a07aaa inset, 0 2px 0 0 #fff inset, 0 -2px 0 0 #a07aaa inset; /* Inner right, inner top, & inner bottom */
}
/* Please, feel free to make this as large or as small as you would like! */
.resizable {
  max-width: 100vw;
  max-height: calc(100vh - 28px);
  overflow: hidden;
  resize: both;
}
/* Note: Changing or removing this overflow property will remove the resizability of this element. */

/* TITLE BAR */

#paintboxwindowtitle {
  display: block;
  position: absolute;
  width: calc(100% - 8px);
  height: 18px;
  top: 4px;
  left: 4px;
  background-color: #450256;
  background-image: linear-gradient(90deg, rgba(69, 2, 86, 1) 0%, rgba(110, 22, 132, 1) 50%, rgba(69, 2, 86, 1) 100%);
  cursor: url("https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/cursors/win95%20move.jpg") 10.5 10.5, move;
  /* Some of the custom cursors on this page have numbers in their styling; this is so they are properly centered in their element. If you change the cursors and notice any discrepencies, change the numbers to whatever the width and height are of your new cursor(s). */
  z-index: 10;
}
#paintboxwindowtitle p {
  margin-top: -4px;
  margin-left: 1px;
  font-family: "dia";
  font-size: 1.9em;
  letter-spacing: 0.20px;
  color: #fff;
}
#paintboxwindowtitle img {
  margin-right: 3px;
  margin-bottom: -1px;
  margin-left: 1px;
}

/* CLOSE, MAX, RESTORE, & MIN BUTTONS */

.closemaxmin {
  display: block;
  position: absolute;
  width: 50px;
  height: 18px;
  top: 4px;
  right: 4px;
  z-index: 12;
}
.close,
.close:active,
#maximize,
#maximize:active,
.restore,
.restore:active,
.minimize,
.minimize:active {
  display: block;
  position: absolute;
  width: 16px;
  height: 14px;
  top: 2px;
}
.close img,
.close:active img,
#maximize img,
#maximize:active img,
.restore img,
.restore:active img,
.minimize img,
.minimize:active img {
  position: absolute;
  width: 12px;
  height: 10px;
  top: 2px;
  left: 2px;
}
.close:active img,
#maximize:active img,
.restore:active img,
.minimize:active img {
  top: 3px;
  left: 3px;
}

/* CLOSE */

.close,
.close:active {
  right: 2px;
}

/* MAX & RESTORE */

#maximize,
#maximize:active,
.restore:active,
.restore {
  right: 20px;
}

/* MINIMIZE */

.minimize,
.minimize:active {
  right: 36px;
}

/* CLOSE, MAX, RESTORE, & MIN BUTTONS END */

/* TITLE BAR END */

/* FILESTAB */

.filewrap {
  position: relative;
  overflow: hidden;
}
.filestab {
  display: inline-block;
  width: calc(100% - 30px);
  height: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  overscroll-behavior-x: none;
  margin-top: 23px;
  margin-left: 4px;
  margin-bottom: -2px;
  white-space: nowrap;
  scrollbar-width: none;
}
.filestab img {
  display: inline-block;
  margin-bottom: 2px;
}
.file-open1 {
  background-color: #d0afd9;
  padding-bottom: 3px;
  border: none;
  cursor: inherit;
}
.filestab > a,
.file-open1,
.file-open1:active,
.filestab > a:hover,
.file-open1:hover,
.file-open1:focus {
  display: inline-block;
  position: relative;
  padding-top: 2px;
  padding-right: 6px;
  padding-left: 6px;
  font-family: "w95a";
  font-size: 12px;
  letter-spacing: 0.35px;
  color: #000;
  text-align: center;
  text-decoration: none;
}
.filestab > a:hover,
.file-open1:hover,
.file-open1:focus {
  height: 18px;
  background-color: #000080;
  color: #fff;
}
.filestab > a:last-child,
.filestab > a:last-child:hover {
  margin-left: -4px;
}
.file-open1:hover img[src="https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/buttons/svg%20files/down%20arrow.svg"],
.file-open1:focus img[src="https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/buttons/svg%20files/down%20arrow.svg"] {
  -webkit-filter: invert(1);
  filter: invert(1);
}
/* Due to various conflicting choices in styling, this submenu in particular needs to stay styled separately from the rest; the display property is necessary to stay as fixed so it breaks out of overflow.*/
.filesub1 {
  display: none;
  position: fixed;
  width: 164px;
  top: 0;
  left: 0;
  z-index: 999;
}

/* As with the context-menu above, further styling for this menu is with the other submenus. */

/* FILESTAB END */

/* INNER POSITION */



/* INNER POSITION END */

/* LEFT SIDE END */

/* CANVAS & CANVAS TEXT */

.canvas {
  display: block;
  position: absolute;
  min-width: 683px;
  height: 398px;
  left: 4px;
  overflow: hidden;/*
  background-color: #a07aaa;
  margin-right: 2px;
  box-shadow: 0 -1px 0 0 #d0afd9 inset, -1px 0 0 0 #d0afd9 inset,
  0 1px 0 0 #000 inset, 1px 0 0 0 #000 inset;
  -moz-box-shadow: 0 -1px 0 0 #d0afd9 inset, -1px 0 0 0 #d0afd9 inset,
  0 1px 0 0 #000 inset, 1px 0 0 0 #000 inset;
  -webkit-box-shadow: 0 -1px 0 0 #d0afd9 inset, -1px 0 0 0 #d0afd9 inset,
  0 1px 0 0 #000 inset, 1px 0 0 0 #000 inset;
*/}
/* If you've changed the size of the overall paintbox, you can also change the size of the canvas accordingly. The paintbox width is 67px bigger than the canvas, and the paintbox height is 120px bigger than the canvas.*/
.canvastext {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 18px;
  left: 0;
  /*background-color: #fff;*/
  margin-top: 4px;
  font-family: "w95a";
  font-size: 14px;
  color: #000;
}
.topsection {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.filespacetitle {
  width: calc(100% - 203px);
  margin-left: -1px;
}
.navtitle { 
  width: 200px;
}

.filespacetitle,
.navtitle {
  display: inline-block;
  height: 21px;
  top: 0;
}
.filespacetitle p,
.navtitle p {
  display: inline-block;
  position: relative;
  bottom: -3px;
  left: 3px;
  font-family: "w95a";
  font-size: 12px;
  color: #000;
}
.filespace {
  display: inline-block;
  position: relative;
  float: left;
  width: calc(100% - 203px);
  height: calc(100% - 24px);
  top: 0;
  left: 2px;
  background-color: white;
  font-family: "w95a";
  font-size: 14px;
  color: #000;
  text-align: center;
}
.filespace-text {
	  display: block;
  position: absolute;
top: 2px;
left: 2px;
background-color: #fff;
height: calc(100% - 20px);
width: calc(100% - 20px);
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
}

.nav {
	display: inline-block;
	position: relative;
	float: left;
	width: 200px;
  height: calc(100% - 24px);
	left: 0;
	top: 0;
  cursor: url("https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/cursors/win95%20cursor.jpg"), default;
  text-align: left;
}
.nav-text {
	  display: block;
  position: absolute;
top: 2px;
left: 2px;
height: calc(100% - 20px);
width: calc(100% - 20px);
  overflow-x: scroll;
  overflow-y: scroll;
  scrollbar-width: none;
  padding: 0;
  background-color: #fff;
}/*
.canvas ul {
  display: block;
  list-style-type: disc;
  margin-top: -5px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-left: 25px;
  cursor: url("https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/cursors/win95%20text%20select.jpg") 3.5 8, text;
}*/
.canvastext p {
  margin-top: 4px;
  margin-bottom: 10px;
  cursor: url("https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/cursors/win95%20text%20select.jpg") 3.5 8, text;
}

/* RESIZE BOXES */

.resizewrap {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* CANVAS TEXT END */

/* SCROLLBARS */

.scrollbarvertical,
.scrollbarhorizontal,
.scrollbarvertical-nav,
.scrollbarhorizontal-nav {
  display: block;
  position: absolute;
  background-color: #d0afd9;
  background-image: url("https://file.garden/ZWlUCY4S7Xz2vypS/new%20tiles%20stuff/purple%20transparent.png");
    z-index: 2;
}
.scrollbarvertical {
  width: 16px;
  height: calc(100% - 44px);
  top: 2px;
  right: 3px;
}
.scrollbarvertical-nav {
  width: 16px;
  height: calc(100% - 44px);
  top: 2px;
  left: 182px;
}
.scrollbarhorizontal {
  width: calc(100% - 223px);
  height: 16px;
  bottom: 26px;
  left: 204px;
}
.scrollbarhorizontal-nav {
  width: 180px;
  height: 16px;
  bottom: 26px;
  left: 2px;
}
.scrollblock {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 3px;
  bottom: 26px;
  background-color: #d0afd9;
    z-index: 999999999999999;
}
.scrollblock-nav {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 182px;
  bottom: 26px;
  background-color: #d0afd9;
    z-index: 999999999999999999;
}
.scrollbarup,
.scrollbarup:active,
.scrollbardown,
.scrollbardown:active,
.scrollbarupdown,
.scrollbarupdown:active,
.scrollbarleft,
.scrollbarleft:active,
.scrollbarright,
.scrollbarright:active,
.scrollbarsidetoside,
.scrollbarsidetoside:active,
.scrollbarup-nav,
.scrollbarup-nav:active,
.scrollbardown-nav,
.scrollbardown-nav:active,
.scrollbarupdown-nav,
.scrollbarupdown-nav:active,
.scrollbarleft-nav,
.scrollbarleft-nav:active,
.scrollbarright-nav,
.scrollbarright-nav:active,
.scrollbarsidetoside-nav,
.scrollbarsidetoside-nav:active {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #d0afd9;
  cursor: inherit;
}
.scrollbarup,
.scrollbardown,
.scrollbarupdown,
.scrollbarleft,
.scrollbarright,
.scrollbarsidetoside,
.scrollbarup-nav,
.scrollbardown-nav,
.scrollbarupdown-nav,
.scrollbarleft-nav,
.scrollbarright-nav,
.scrollbarsidetoside-nav {
  border-top: none;
  border-right: none;
  border-bottom: 1px #000 solid;
  border-left: none;
  box-shadow: 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset,
  0 1px 0 0 #d0afd9 inset, 2px 0 0 0 #fff inset, -2px 0 0 0 #a07aaa inset,
  0 2px 0 0 #fff inset, 0 -1px 0 0 #a07aaa inset;
  -moz-box-shadow: 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset,
  0 1px 0 0 #d0afd9 inset, 2px 0 0 0 #fff inset, -2px 0 0 0 #a07aaa inset,
  0 2px 0 0 #fff inset, 0 -1px 0 0 #a07aaa inset;
  -webkit-box-shadow: 1px 0 0 0 #d0afd9 inset, -1px 0 0 0 #000 inset,
  0 1px 0 0 #d0afd9 inset, 2px 0 0 0 #fff inset, -2px 0 0 0 #a07aaa inset,
  0 2px 0 0 #fff inset, 0 -1px 0 0 #a07aaa inset;
}
.scrollbarup:active,
.scrollbardown:active,
.scrollbarupdown:active,
/*
.scrollbarleft:active,
.scrollbarright:active,
*/
.scrollbarsidetoside:active,
.scrollbarup-nav:active,
.scrollbardown-nav:active,
.scrollbarupdown-nav:active,
.scrollbarleft-nav:active,
.scrollbarright-nav:active,
.scrollbarsidetoside-nav:active {
  border: none;
  box-shadow: none;
  outline: 1px #a07aaa solid;
  outline-offset: -1px;
}
.scrollbarup,
.scrollbarup:active,
.scrollbarupdown,
.scrollbarupdown:active,
.scrollbarleft,
.scrollbarleft:active,
.scrollbarsidetoside,
.scrollbarsidetoside:active,
.scrollbarup img,
.scrollbardown img,
.scrollbarleft img,
.scrollbarright img,
.scrollbarup-nav,
.scrollbarup-nav:active,
.scrollbarupdown-nav,
.scrollbarupdown-nav:active,
.scrollbarleft-nav,
.scrollbarleft-nav:active,
.scrollbarsidetoside-nav,
.scrollbarsidetoside-nav:active,
.scrollbarup-nav img,
.scrollbardown-nav img,
.scrollbarleft-nav img,
.scrollbarright-nav img {
  top: 0;
  left: 0;
}
.scrollbarup:active img,
.scrollbardown:active img,
/*
.scrollbarleft:active img,
.scrollbarright:active img */
.scrollbarup-nav:active img,
.scrollbardown-nav:active img,
.scrollbarleft-nav:active img,
.scrollbarright-nav:active img {
  margin-top: 1px;
  margin-left: 1px;
}

.scrollbardown,
.scrollbardown:active,
.scrollbardown-nav,
.scrollbardown-nav:active {
  bottom: 0;
  left: 0;
}
.scrollbarupdown,
.scrollbarupdown:active,
.scrollbarupdown-nav,
.scrollbarupdown-nav:active {
  margin-top: 16px;
}
.scrollbarright,
.scrollbarright:active,
.scrollbarright-nav,
.scrollbarright-nav:active {
  top: 0;
  right: 0;
}
.scrollbarsidetoside,
.scrollbarsidetoside:active,
.scrollbarsidetoside-nav,
.scrollbarsidetoside-nav:active {
  margin-left: 16px;
}
.scrollbarsidetoside,
.scrollbarsidetoside:active
/*.scrollbarsidetoside-nav,
.scrollbarsidetoside-nav:active*/ {
  background-color: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}
/* Since the above styling occurs after all the other styling for the horizontal scrollbar,
     it overrides everything else. It shouldn't cause any problems, but if it does you can
     just remove the .scrollbarsidetoside from the styling that comes before this last section!
     I have also put the :active styling for the right and left buttons inside comment tags so they
     don't change appearance when they are clicked. Remove all this if you want to have the horizontal
     scrollbar visible again. */

/* SCROLLBARS END */

/* CANVAS & CANVAS TEXT END */

/* BOTTOM SECTION */

/* CREDITS & COORDINATES */

.bottomsection {
  display: block;
  position: absolute;
  width: calc(100% - 8px);
  bottom: 7px;
  left: 0;
}
.bottombox1,
.bottombox2 {
/*.bottombox3 {*/
  display: inline-block;
  height: 21px;
  top: 3px;
}
.bottombox1 {
  position: relative;
 width: 144px;/* 144px*/
  left: 4px;
  margin-right: 6px;
}
.bottombox2 {
/*.bottombox3 {*/
  position: absolute;
  width: calc(100% - 159px);
}
/*.bottombox2 {
  right: 130px;
}
/*.bottombox3 {
  right: 13px;
}*/
.bottombox1 p,
.bottombox2 p {
/*.bottombox3 p {*/
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 3px;
  font-family: "w95a";
  font-size: 12px;
  color: #000;
}
/*.bottombox2 p,
.bottombox3 p {
  bottom: -3px;
  left: 4px;
}/*
/* If you choose to change the last two boxes from showing coordinates,
     remove this second class of p styling to .bottombox2 and .bottombox3
     for proper alignment. */
.bottombox1 a {
  display: inline-block;
  bottom: 0;
  left: 2px;
  margin-right: 5px;
}
.bottombox2 img,
.bottombox3 img {
  display: inline-block;
  position: relative;
  top: 1px;
  left: 1px;
  margin-right: 0;
}

/* CREDITS & COORDINATES END */

/* BOTTOM SECTION END */

/* TASKBAR, START MENU, & SUBMENUS */

.taskbar {
  display: block;
  position: absolute;
  width: 100%;
  height: 27px;
  bottom: 0;
  background-color: #d0afd9;
  border-top: 1px #fff solid;
  box-shadow: 0 -1px 0 0 #e9d9ed;
  -moz-box-shadow: 0 -1px 0 0 #e9d9ed;
  -webkit-box-shadow: 0 -1px 0 0 #e9d9ed;
  z-index: 200;
}

/* START BUTTON */

.startbtn,
.startbtn:active,
.startbtn:focus {
  width: 54px;
  height: 22px;
  cursor: inherit;
}
.startbtn {
  background-color: #d0afd9;
  margin-right: -4px;
  margin-left: 0;
  box-shadow: 1px 0 0 0 #fff inset, -1px 0 0 0 #000 inset, 0 1px 0 0 #fff inset,
  0 -1px 0 0 #000 inset, 2px 0 0 0 #e9d9ed inset, -2px 0 0 0 #a07aaa inset,
  0 2px 0 0 #e9d9ed inset, 0 -2px 0 0 #a07aaa inset;
  -moz-box-shadow: 1px 0 0 0 #fff inset, -1px 0 0 0 #000 inset, 0 1px 0 0 #fff inset,
  0 -1px 0 0 #000 inset, 2px 0 0 0 #e9d9ed inset, -2px 0 0 0 #a07aaa inset,
  0 2px 0 0 #e9d9ed inset, 0 -2px 0 0 #a07aaa inset;
  -webkit-box-shadow: 1px 0 0 0 #fff inset, -1px 0 0 0 #000 inset, 0 1px 0 0 #fff inset,
  0 -1px 0 0 #000 inset, 2px 0 0 0 #e9d9ed inset, -2px 0 0 0 #a07aaa inset,
  0 2px 0 0 #e9d9ed inset, 0 -2px 0 0 #a07aaa inset;
}
.startbtn:active,
.startbtn:focus {
  box-shadow: 1px 0 0 0 #000 inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #000 inset,
  0 -1px 0 0 #fff inset, 2px 0 0 0 #a07aaa inset, -2px 0 0 0 #e9d9ed inset,
  0 2px 0 0 #a07aaa inset, 0 -2px 0 0 #e9d9ed inset;
  -moz-box-shadow: 1px 0 0 0 #000 inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #000 inset,
  0 -1px 0 0 #fff inset, 2px 0 0 0 #a07aaa inset, -2px 0 0 0 #e9d9ed inset,
  0 2px 0 0 #a07aaa inset, 0 -2px 0 0 #e9d9ed inset;
  -webkit-box-shadow: 1px 0 0 0 #000 inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #000 inset,
  0 -1px 0 0 #fff inset, 2px 0 0 0 #a07aaa inset, -2px 0 0 0 #e9d9ed inset,
  0 2px 0 0 #a07aaa inset, 0 -2px 0 0 #e9d9ed inset;
}
.startbtn p,
.startbtn:active p,
.startbtn:focus p {
  display: inline-block;
  position: relative;
  top: 1px;
  padding-bottom: 3px;
  font-family: "w95a";
  font-weight: 700;
  font-size: 0.9em;
  letter-spacing: 0.75px;
  color: #000;
}
.startbtn:active p,
.startbtn:focus p {
  width: 48px;
  height: 16px;
  top: 1px;
  padding-top: 1px;
  padding-left: 2px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='2' stroke-dasharray='1%2c 1' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}
.startbtn img {
  display: inline-block;
  position: relative;
  bottom: -1px;
  margin-right: 3px;
  margin-left: 0;
}
.startbtn span {
  display: inline-block;
  position: relative;
  bottom: 2px;
  margin-right: -1px;
}
.sidewayslogo {
  display: block;
  position: absolute;
  width: 21px;
  height: calc(100% - 6px);
  bottom: 3px;
  left: 3px;
  background-color: #a07aaa;
  padding-bottom: 7px;
  font-family: "FRAHV";
  font-size: 2.1em;
  line-height: 21px;
  writing-mode: sideways-lr;
  color: #d0afd9;
  z-index: 50;
}

/* START BUTTON END */

/* SUBMENUS */

/* For these example submenus, I've given them general names to describe what menu they
     apply to. You can change the names to whatever you would like to make them easier to
     style & remember which is which, if you want! The default names are self-explanatory. */

/* PARENT MENUS */

.filestab ul,
.start-content ul {
  list-style: none;
  font-family: "w95a";
  font-size: 12px;
  color: #000;
  text-align: left;
}
.filestab li,
.start-content li {
  position: relative;
  width: calc(100% - 6px);
  left: 3px;
}
.filestab a,
.start-content a {
  color: #0000ff;
  text-decoration: none;
}
.filestab ul li:hover,
.start-content ul li:hover {
  background-color: #000080;
  color: #fff;
}
.filestab ul li:hover > span,
.filestab ul li:hover > span a,
.start-content ul li:hover > span,
.start-content ul li:hover > span a {
  color: #fff;
}
.filestab ul li:first-child,
.start-content ul li:first-child {
  margin-top: 3px;
}
.filestab ul li:last-child,
.start-content ul li:last-child {
  margin-bottom: 3px;
}
.filestab ul li  {
  height: 17px;
  margin-right: 20px;
  padding-left: 22px;
  line-height: 15px;
}
.filesub1 li:hover .file-invert1,
.filesub2 li:hover .file-invert2,
.start-content ul li:hover .start-invert1,
.startsub1 li:hover .start-invert2,
.startsub1 ul li:hover .start-invert3 {
  -webkit-filter: invert(1);
  filter: invert(1);
}

/* PARENT MENUS END */

/* START MENU */

.start {
  display: inline-block;
  position: relative;
  bottom: -2px;
  left: 2px;
  margin-right: 10px;
}
.start-content {
  display: none;
  position: absolute;
  width: 164px;
  bottom: 100%;
  z-index: 99;
}
.start-content > ul > li {
  height: 32px;
  padding-right: 0;
  padding-left: 31px;
}
.start-content ul li ul li {
  height: 20px;
  padding-right: 0;
  padding-left: 6px;
}
.start-content ul li span,
.start-content ul li ul li span {
  display: inline-block;
  position: relative;
  bottom: 4px;
}
.start-content ul li ul li span {
  bottom: 2px;
}
.start-content ul li ul li:has(span):not(:has(img)),
.start-content ul li ul li ul li:has(img[src="https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/buttons/svg%20files/right%20arrow.svg"]) {
  padding-top: 5px;
  padding-left: 29px;
}
.start-content > ul > li img:first-child {
  position: relative;
  top: 4px;
  margin-right: 11px;
}
.start-content > ul > li:nth-last-child(2) {
  height: 35px;
  border-top: none;
  border-bottom: 3px #d0afd9 solid;
  box-shadow: 0 1px 0 0 #a07aaa, 0 2px 0 0 white;
  -moz-box-shadow: 0 1px 0 0 #a07aaa, 0 2px 0 0 white;
  -webkit-box-shadow: 0 1px 0 0 #a07aaa, 0 2px 0 0 white;
}
.start-content > ul > li:last-child {
  margin-top: 7px;
}
.start-content > ul > li > ul > li img:first-child {
  position: relative;
  top: 2px;
  margin-right: 7px;
}
.start-content ul li ul li:first-child {
  margin-top: 4px;
}
.start-content ul li ul li:last-child {
  margin-bottom: 4px;
}
.show {
  display: block;
}

/* START MENU END */

/* MENUS SEPARATORS */

/* This is for styling the separators for the filestab & context-menus. You don't 
      need to use them if you don't want, but I like how they organize the list-items! */

/* If you're confused on how to use these separators, please go to the features page of this layout. */

.filestab > ul > li:nth-child(3),
.filestab > ul > li:nth-child(6),
.filestab > ul > li:nth-child(8),
.filestab > ul > li > ul > li:nth-child(3),
.filestab > ul > li > ul > li > ul > li:nth-child(2),
.filestab > ul > li > ul > li > ul > li:nth-child(4) {
  margin-top: 6px;
}
.filestab > ul > li:nth-child(2),
.filestab > ul > li:nth-child(5),
.filestab > ul > li:nth-child(7),
.filestab> ul > li > ul > li:nth-child(2),
.filestab > ul > li > ul > li > ul > li:nth-child(1),
.filestab > ul > li > ul > li > ul > li:nth-child(3) {
  height: 20px;
  border-top: none;
  border-bottom: 3px solid #d0afd9;
  box-shadow: 0 1px 0 0 #a07aaa, 0 2px 0 0 white;
  -moz-box-shadow: 0 1px 0 0 #a07aaa, 0 2px 0 0 white;
  -webkit-box-shadow: 0 1px 0 0 #a07aaa, 0 2px 0 0 white;
}

/* MENUS SEPARATORS END */

/* MENU POSITIONING */
 
.startsub1,
.startsub2,
.startsub3,
.filesub2,
.filesub3 {
  display: none;
  position: absolute;
  width: 167px;
  height: fit-content;
  top: -4px;
  left: calc(100% - 3px);
  background-color: #d0afd9;
  z-index: 2;
}
/*Feel free to change the width of these submenus if you need to! */

.start-content ul li:hover .startsub1,
.start-content ul li ul li:hover .startsub2,
.start-content ul li ul li ul li:hover .startsub3,
.filestab ul li:hover .filesub2,
.filestab ul li ul li:hover .filesub3 {
  display: block;
}
.startsub1,
.filesub2,
.filesub3 {
  top: -3px;
}

/* MENU POSITIOINING END */

/* ARROWS */

.file-open2,
.file-open3,
.start-open1,
.start-open2,
.start-open3 {
  position: relative;
  height: auto;
  float: right;
  margin-right: 6px;
}

.file-open2,
.file-open3 {
  top: 4px;
}
.start-open1 {
  top: 11px;
}
.start-open3 {
  top: 0;
}
.start-open2 {
  top: 5px;
}

/* ARROWS END */

/* CHILDREN, GRANDCHILDREN, ETC., MENUS END */

/* SUBMENUS END */

/* WINDOW TABS */

.painttab,
.painttabmin {
  display: inline-block;
  position: absolute;
  width: 160px;
  height: 22px;
  bottom: 2px;
  background-color: #d0afd9;
  cursor: inherit;
}
.painttab {
  background-image: url("https://file.garden/ZWlUCY4S7Xz2vypS/new%20tiles%20stuff/purple%20transparent.png");
  border: none;
  box-shadow: 1px 0 0 0 #000 inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #000 inset,
  0 -1px 0 0 #fff inset, 2px 0 0 0 #a07aaa inset, -2px 0 0 0 #e9d9ed inset,
  0 2px 0 0 #a07aaa inset, 0 -2px 0 0 #e9d9ed inset, 0 3px 0 0 #fff inset;
  -moz-box-shadow: 1px 0 0 0 #000 inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #000 inset,
  0 -1px 0 0 #fff inset, 2px 0 0 0 #a07aaa inset, -2px 0 0 0 #e9d9ed inset,
  0 2px 0 0 #a07aaa inset, 0 -2px 0 0 #e9d9ed inset, 0 3px 0 0 #fff inset;
  -webkit-box-shadow: 1px 0 0 0 #000 inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #000 inset,
  0 -1px 0 0 #fff inset, 2px 0 0 0 #a07aaa inset, -2px 0 0 0 #e9d9ed inset,
  0 2px 0 0 #a07aaa inset, 0 -2px 0 0 #e9d9ed inset, 0 3px 0 0 #fff inset;
}
.painttabmin {
  background-image: none;
  border: none;
box-shadow: 1px 0 0 0 #fff inset, -1px 0 0 0 #000 inset, 0 1px 0 0 #fff inset,
  0 -1px 0 0 #000 inset, 2px 0 0 0 #e9d9ed inset, -2px 0 0 0 #a07aaa inset,
  0 2px 0 0 #e9d9ed inset, 0 -2px 0 0 #a07aaa inset;
  -moz-box-shadow: 1px 0 0 0 #fff inset, -1px 0 0 0 #000 inset, 0 1px 0 0 #fff inset,
  0 -1px 0 0 #000 inset, 2px 0 0 0 #e9d9ed inset, -2px 0 0 0 #a07aaa inset,
  0 2px 0 0 #e9d9ed inset, 0 -2px 0 0 #a07aaa inset;
  -webkit-box-shadow: 1px 0 0 0 #fff inset, -1px 0 0 0 #000 inset, 0 1px 0 0 #fff inset,
  0 -1px 0 0 #000 inset, 2px 0 0 0 #e9d9ed inset, -2px 0 0 0 #a07aaa inset,
  0 2px 0 0 #e9d9ed inset, 0 -2px 0 0 #a07aaa inset;
}
.painttab p,
.painttabmin p {
  display: inline-block;
  position: absolute;
  font-family: "w95a";
  font-weight: 700;
  font-size: 0.9em;
  letter-spacing: 0.5px;
  color: #000;
}
.painttab p {
  bottom: 4px;
  left: 23px;
}
.painttabmin p {
  bottom: 5px;
  left: 23px;
  font-weight: 400;
}
.painttab img,
.painttabmin img {
  display: inline-block;
  position: absolute;
}
.painttab img {
  bottom: 2px;
  left: 4px;
}
.painttabmin img {
  bottom: 3px;
  left: 4px;
}

/* WINDOW TABS END */

/* CLOCK */

.clockbox {
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 22px;
  right: 2px;
  bottom: 2px;
}
.clockbox img {
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 3px;
}
#clock {
  display: inline-block;
  position: relative;
  right: -7px;
  bottom: 3px;
  font-family: "w95a";
  font-size: 12px;
  text-align: center;
}

/* CLOCK END */

/* TASKBAR & START MENU END */

.repeat {
	border: 3px black solid;
	width: auto;
	height: auto;
	background-image: url("https://file.garden/ZWlUCY4S7Xz2vypS/new%20tiles%20stuff/purple%20transparent.png");
}
ul.tree-view {
  display: block;
  background: #ffffff;
  margin-left: 0;
  margin-top: -2px;
  min-width: 300px;
}
ul.tree-view > li > span {
  display: block;
  margin-bottom: 4px;
}
ul.tree-view li {
  list-style-type: none;
  padding-right: 3px;
}

ul.tree-view a {
  text-decoration: none;
  color: #000;
}
ul.tree-view a:focus {
  position: relative;
  outline: none;
  color: #ffffff;
  background-color: #000080;
}

ul.tree-view a:focus::after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  padding: 1px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%230000ff' stroke-width='2' stroke-dasharray='1%2c1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}


ul.tree-view ul,
ul.tree-view li {
  margin-top: 3px;
}


ul.tree-view ul {
  margin-left: 8px;
  padding-left: 18px;
  padding-top: 8px;
  margin-top: -8px;
  /* Goes down too far */
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='0' y2='100%25' stroke='%23A07AAAFF' stroke-width='2' stroke-dasharray='1%2C1' stroke-dashoffset='0' stroke-linecap='butt' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2px 100%;
  background-position: left top;
}

ul.tree-view ul li > li {
margin-left: -5px;
padding-left: -5px;
}
ul.tree-view ul > li {
  position: relative;
  left: -2px;
  margin-top: -2px;
}
ul.tree-view ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  top: 2px;
  width: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='0' y2='100%25' stroke='%23A07AAAFF' stroke-width='2' stroke-dasharray='1%2C1' stroke-dashoffset='0' stroke-linecap='butt' /%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: bottom left;
  background-size: 2px 1px;
  height: 1px;
}

/* Cover the bottom of the left dotted border */
ul.tree-view ul > li:last-child::after {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 3px;
  bottom: 0;
  width: 8px;
  background: #ffffff;
}
ul.tree-view summary {
  padding-left: 2px;
    margin-top: 0;
  margin-left: 5px;
}
ul.tree-view details {
  margin-top: 0;
  margin-left: -5px;
}

ul.tree-view img {
	  display: inline-block;
  position: relative;
  margin-right: 3px;
  margin-left: 0;
  top: -1px;
}
ul.tree-view ul li img {
	  display: inline-block;
  position: relative;
  margin-right: 3px;
  margin-left: 0;
  top: -5px;
}
ul.tree-view ul > li img {
  margin-left: -5px;
}
ul.tree-view ul li summary img {
  margin-left: -7px;
}
ul.tree-view li > a,
ul.tree-view li > span,
ul.tree-view summary > span {
  display: inline-block;
  position: relative;
  top: -4px;
}
ul.tree-view ul li > a,
ul.tree-view ul li > span,
ul.tree-view ul li summary > span {
	  top: -8px;
}

ul.tree-view details[open] summary {
  margin-bottom: -6px;
}
ul.tree-view details[open] ul li summary {
  margin-bottom: 0;
}

ul.tree-view ul details > summary:before {
  margin-left: -22px;
  position: relative;
  z-index: 1;
}

ul.tree-view details > summary:before {
  text-align: center;
  display: block;
  float: left;
  content: "+";
  border: 1px solid #a07aaa;
  width: 7px;
  height: 7px;
  top: -2px;
  line-height: 4px;
  margin-right: 4px;
  padding-left: 0;
  background-color: #fff;
  font-family: "w95a";
  font-size: 12px;
    cursor: url("https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/cursors/win95%20pointer.jpg"), pointer;
}

ul.tree-view details[open] > summary:before {
  content: "-";
  cursor: url("https://file.garden/ZWlUCY4S7Xz2vypS/themes/windows%2095%20paint/cursors/win95%20pointer.jpg"), pointer;
}

ul.tree-view details > summary::marker,
ul.tree-view details > summary::-webkit-details-marker {
  content: "";
}

summary span {
  padding-left: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 2px;
  margin-left: -2px;
  top: -5px;
}

summary:active span,
summary:focus span,
span[tabindex]:focus,
span[tabindex]:active {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000000' stroke-width='2' stroke-dasharray='1%2c 1' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}


/* TEXT HIGHLIGHT */

::-moz-selection {
  color: #fff;
  background: #000080;
}
::selection {
  color: #fff;
  background: #000080;
}

/* TEXT HIGHLIGHT END */

/* END OF STYLING!!! */