:root {
  --b1: #FFD9E8;
  --f1: #F53D84; /* #FA0064 */
  --f2: #D44278; /*C24E7A  #CD0052 */
  --f3: #940A3A; /* #73002E */
}

@font-face {
	font-family: GeminiRegular;
	src: url('/fonts/Gemini-Regular.woff2') format('woff2'),
		url("/fonts/Gemini-Regular.woff") format("woff");
}

@font-face {
  font-family: VictorMono;
  src: url('/fonts/VictorMono-BoldItalic.woff') format("woff");
}

@font-face {
  font-family: Mincho;
  src: url('/fonts/BIZUDPMincho-Regular.ttf');
  }
  
@font-face {
  font-family: Cherrybomb;
  src: url('/fonts/Cherrybomb.ttf');
  }
  
@font-face {
  font-family: SilverLining;
  src: url('/fonts/SilverLining.ttf');
  }
  
@font-face {
  font-family: jgs5;
	src: url("/fonts/jgs5.woff2") format("woff2"),
		url("/fonts/jgs5.woff") format("woff");
  }
  
@font-face {
  font-family: jgs7;
	src: url("/fonts/jgs7.woff2") format("woff2"),
		url("/fonts/jgs7.woff") format("woff");
  }
  
@font-face {
  font-family: jgs9;
	src: url("/fonts/jgs9.woff2") format("woff2"),
		url("/fonts/jgs9.woff") format("woff");
  }
  
@font-face {
  font-family: heartfont;
	src: url("/fonts/heartfont.ttf");
  }

body {
  background-color:var(--b1);
}

h1 {
  font-family: GeminiRegular;
  color:var(--f1);
  font-size:40px;
}

h2 {
  font-family: SilverLining;
  color:var(--f2);
  font-size:28px;
  }
  
h3 {
  font-family:heartfont;
  color:var(--f3);
  font-weight:bold;
  font-size:26px;
}
  
h4 {
  font-family:heartfont;
  color:var(--f2);
  font-size:20px;
}

h5, h6 {
  font-family: VictorMono;
  color:var(--f3);
}

p, ul {
  font-family: jgs9;
  color:var(--f3);
  font-size:18px;
}

/*
a:link {
}

a:visited {
}

a:hover {
}

a:active {
}
*/

.buttons {
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  image-rendering: -webkit-optimize-contrast;
  
}