:root{
   --shadow-color: 16deg 45% 51%;

   --green-link: hsl(82, 57%, 42%);
   --orange-link: hsl(22, 77%, 54%);
   --orange2: hsl(22, 70%, 60%);
   --table-border: var(--orange);

   --divider: url("/stickers/cutie/2_summer/R17.png");

   --h2-before: url("/stickers/dotty/3_autumn/F25.png");
   --h2-after: url("/stickers/dotty/3_autumn/F25.png");

   --yellow: #FFE5B4;
   --yellow-texture: url("/background/texture/yellow7.png") var(--yellow);
   --orange: hsl(22, 72%, 66%);
   --orange-texture: url("/background/texture/orange6.png") var(--orange);
   --aqua: hsl(211, 53%, 79%);
   --aqua-texture: var(--aqua) url("/background/texture/blue4.png");

   --scrollbar-thumb: var(--orange-texture);
}

body{
   background-color: #FBE0C3;
   background-image: url("/background/15.png");
}

.texture > * > *{
   filter: var(--drop-text-shadow);
}

a{
   color: var(--green-link);
}

a:is(:hover, :focus){
   color: var(--orange2)
}

nav a{
   color: var(--orange2);
}

nav a:focus, 
nav a:hover{
   color: var(--orange-link);
}

#icon::before, #icon::after{
   content: "";
   display: block;
      position: absolute;
   width: var(--size);
   height: var(--size);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

#icon::before{
   --size: calc(var(--icon-size) * 0.42);
	background-image: url("/stickers/dotty/1_spring/A15_A.png");
   transform: translate(-3svw, -4.25svw);
}

#icon::after{
   --size: calc(var(--icon-size) * 0.25);
	background-image: url("/stickers/cutie/2_summer/P32_A.png");
   transform: translate(11.75svw, -5.5svw);
}

footer a{
   font-weight: bold;
   text-decoration: none;
   color: var(--orange-link);
}

h1::after{
   background-size: auto 103%;
}

#bubbles > *{
   height: calc(var(--icon-size) * 0.27 - var(--gap));
   margin-left: calc(var(--gap) * 0.75);
}

article.texture > div{
   --back-position: 0.75em;
	--back-size: 2em;
	padding-left: calc(1em + var(--back-position) + var(--back-size))!important;
   background-position: 
      var(--back-position) top,
      0 0;
   background-repeat: no-repeat space center, repeat;
   background-size: var(--back-size), auto;
   background-image: 
      url("/background/m02.png"),
      url("/background/texture/white.png");
}