html, body {
  color: #f3c8ff;
	font:1em/180% "Noto Sans JP", Arial, sans-serif;
	width:100%;
	height:100%;
	background:fixed linear-gradient(90deg, rgba(21,0,120	,1) 40%, rgba(94,0,196,1) 100%);
	background-size: cover;
	
}

body {
	background-color:#0e0929;
	font:1em/160% "Noto Sans JP", Arial, sans-serif;
	/* transform-style: preserve-3d; */
}

body::before {
	content: '';
	mix-blend-mode: screen;
	opacity: 0.5;
	position: fixed;
	inset:0;
	background-image:url('../media/noise.svg');
	-webkit-transform: translate3D(0px,0px,-1px) rotateX(180deg);
  z-index: auto;
}

h1.logo {
	background:url(../media/altr_logo.png);
	display:block;
	text-indent:-9999px;
	width:206px;
	height:131px;
	margin:3em auto 0 auto;
	padding:0;
	font:900 64px Inter, Arial, sans-serif;
	text-transform: uppercase;
	z-index:1;
}

h2 {
	font:550 60px "Inter", Arial, sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	/* text-transform: capitalize; */
}

header {
	width:90%;
	margin:0 auto;
	text-align:center;
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}