:root{
   --shadow-color: 22deg 37% 59%;
   --outline-color: var(--red);
   --scrollbar-thumb: var(--pink-texture);
   --selection-bg: var(--pink-bg);
   --summary-hover: var(--pink2);

   --pink: hsl(10, 66%, 78%);
   --pink-texture: var(--pink) url("/background/texture/pink6.png");
   --green: hsl(76, 60%, 68%);
   --green-texture: var(--green) url("/background/texture/green8.png");
   
   --pink2: #DF918B;
   --green2: hsl(76, 54%, 44%);
   --aqua: hsl(146, 52%, 67%);
   --aqua2: hsl(146, 35%, 56%);
}

body{
   background-color: var(--pink-bg);
      background-image: url("/background/39.png");
      background-size: 18%;
      background-position: center bottom;
}

a{
   color: var(--pink);
}

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

footer a{
   color: var(--white);
   text-shadow: var(--text-shadow-custom);
   text-decoration: none;
}

footer a:hover, footer a:focus{
   color: var(--pink)
}