/*Styling for the entire page,
can set bg images here*/

html {

      background-image: url("https://pixienet.neocities.org/background.png");
    background-color: #fff; 
    background-repeat: repeat; /* Set to repeat if using a tiled background */
    background-attachment: fixed; /* I like fixed backgrounds, so I set it that way. You can change this for your own theme. */
    scrollbar-color: #fff #E8E8E8; /* Fancy scrollbar stylings */
}

/*default text color*/

body {
    color: #462c2c;
      font-family: 'basiic';
          cursor: url("https://pixienet.neocities.org/cursor.png"), default;
}

/* Use custom fonts for stuff that you wanna use it for */
h1,h2, button, #page-header a,#page-subheader a {
    font-family: 'basiic';
}


/*TITLE*/

#page-header {
    color: #2e2713;
}

/*BELOWTITLE*/
#page-subheader {
    color: #787878;
}

#page-subheader a {
    color: #a9a2a0;
    transition: 0.3s;
}

#page-subheader a:hover {
    color: black;
}

button {
    border: 0;
  color: #E82EA4; /* base text color */
  text-shadow: 0 0 4px rgba(180,160,255,0.5);
  transition: text-shadow 0.3s ease, color 0.3s ease;
  font-weight: bold;
   background-color: transparent;
}

/* Button hover styling */
button:hover {
    border: 0;
      color: #cbb8ff; /* hover text color */
  text-shadow:
    0 0 6px #cbb8ff, /* inner glow */
    0 0 12px #a78bfa; /* outer glow */
      font-weight: bold;
       background-color: transparent;
          cursor: url("https://pixienet.neocities.org/cursor.png"), default;
}

/* This specifies styles that will affect all the boxes. Change to your own colors!*/
#bodyArea,#swatchesArea,.ui-tabs-panel {
    outline: 0px solid #3f2b2b; /* Switched border with outline, to prevent offset issues on mobile */
    background: #fff;

}

#swatchesArea a {
    outline: 0px solid #3f2b2b;
                  cursor: url("https://pixienet.neocities.org/cursor.png"), default;
}

#swatchesArea a:hover {
	outline: 0px solid black;
	              cursor: url("https://pixienet.neocities.org/cursor.png"), default;
}

#tabsbar li a {
   border: 0px solid #3f2b2b;
   border-bottom: 2px solid #b5b5b5be;
   background-color: #e4e4e4;
   color: #444444;
             cursor: url("https://pixienet.neocities.org/cursor.png"), default;
}

/* Tabs hover styling, only for unselected tabs */
#tabsbar .ui-state-default a:hover {
    border-bottom: 2px solid 9898989c;
    background-color: #939393;
              cursor: url("https://pixienet.neocities.org/cursor.png"), default;
}

#tabsbar .ui-state-active a,#tabsbar .ui-state-active a:hover {
    border-bottom: 2px solid #9898989c;
    background-color: #9898989c;
              cursor: url("https://pixienet.neocities.org/cursor.png"), default;
}b

/* Anti Right-click */
/* Commented out by default since I don't care for it. Feel free to uncomment it for your own project. */
/* #anti-rightclick {
    background: #6c6d47;
    border: 1px solid #3f2b2b;
} */