@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
@font-face {
	font-family: 'Murecho';
	src: url(/config/font/Murecho-VariableFont_wght.ttf);
}

:root {
  --primary: #ebc908;
  --primary-text: #1a1a1a;
  --secondary: #ff1dec;
  --secondary-text: #ffffff;
  --accent: #505050;
  --accent-text: #ffffff;
}
body {
  font-family: Murecho !important;
}

@keyframes rotate-anime-3d {
	0% {
		transform: rotateY(0);
	}
	100% {
		transform: rotateY(360deg);
	}
}


@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes fadein {
  0% {
    transform: rotateY(360deg);
    opacity: 0;
  }

  100% {
		transform: rotateY(0);
    opacity: 1;
  }
}
#canvas {
  width: 100%;
  @media (min-width: 600px) {
    width: 50%;
  }
  background-image: url("/config/images/postcard.png");
  background-size: cover;
}