/*...........................................................

		variables

..........................*/

:root {
   --shadow-color: 208deg 28% 59%;
}

/*...........................................................

		basic styling

..........................*/

body{
   background-image: url("/background/35.png");
      background-size: 8svw;
}

/*...........................................................

		items and thinggsszzz

..........................*/

.life{
   width: 50%;
   --transform: translate(60%, -25%);
}

.sanzaru{
   width: 50%;
   --transform: translateX(15%) rotate(-50deg);
}

.sanscharm{
   height: 90%;
   --transform: translate(0%, -50%);
}

.charm{
   height: 30%;
   --transform: translate(-480%, 150%) rotate(8deg);
}

.xmas{
   height: 110%;
   --transform: translate(-5%, -5%) rotate(-10deg);
}

.switch{
   width: 50%;
   --transform: translate(50%, -20%);
}

.ukulele{
   height: 150%;
   --transform: translate(-50%, -5%) rotate(10deg);
}

.calendar{
   height: 150%;
   --transform: translate(0);
}

.computer{
   height: 180%;
   --transform: translateY(-30%);
}

.tarot{
   width: 50%;
   --transform: translate(-50%, 10%);
}

.journals{
   height: 90%;
   --transform: translate(0);
}

.cintiq{
   --transform: translate(0);
}

.heart{
   height: 140%;
   --transform: translate(8%, -20%);
}