/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* BASICS */

body{background-color:hotpink;font-family:'SS Pretzel';margin:35px;src:url('https://imps-gallery.neocities.org/fonts/SS%20PRETZEL.TTF');cursor:url(), pointer;}       /*GEM CURSOR*/
.pixel{font-family:'fonts/PixelFont-Regular.ttf';font-size:110%;src:url(https://imps-gallery.neocities.org/fonts/PixelFont-Regular.ttf);}       /*THIS DOES NOT WORK. THIS IS A PLACEHOLDER.*/
li::marker {content: '❥ ';font-size:1.2em;mix-blend-mode:difference;}

/*TESTING GROUND, attempt to change scroll bar color :)*/

.invert-hover {
  transition: filter 0.3s ease;
}.invert-hover:hover {
  filter: invert(1);
}

/* CURSORS */

.pinpoint{cursor:crosshair;}
.huh{cursor: help;}
.no{cursor:no-drop;}

/* COLOR SHIT */

.j{}
.m{}


a:link{color:rgb();}
a:visited{color:rgb();}
a:hover{color:rgb();}
a:active{color:rgb();}

/*THEME SWITCHES*/

mjPINK

mjORANGE

mjPURPLE




body, body[data-theme="pink"] {
    --primaryColor: hotpink;
    --secondaryColor: maroon;
}
body[data-theme="orange"] {
    --primaryColor: orange;
    --secondaryColor: brown;
}

body[date-theme="purple"]{
  --primaryColor:purple;
  --secondaryColor:navy;
}