/* OPS UPLOAD | INDEX */

/* GOOGLE FONTS
.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}*/

html{font-size:18px;}
body{margin:0;padding:0;overflow-x:hidden;font-family: "Noto Serif JP", serif;text-align:center;color:#ffffff;text-shadow: 0px 0px 6px black;background-image:url("images/portal-wide.jpg");background-size:cover;}
header{margin:0;padding:0;position:sticky;top:0;}
a{text-decoration:none;color:#ffffff;}
#brand{margin:0;padding:1.5rem 0 0 0;font-size:8rem;text-shadow: 0px 0px 25px black;transition:690ms;}
#tm{font-size:1.5rem;}
.fadeA{opacity:.9;}
.fadeB{opacity:.85;}
.fadeC{opacity:.8;}
.fadeD{opacity:.7;}
.fadeE{opacity:.6;}
.fadeF{opacity:.5;}
.fadeG{opacity:.4;}
.fadeH{opacity:.35;}
.fadeI{opacity:.3;}
.fadeJ{opacity:.25;}
.fadeK{opacity:.2;}
.fadeL{opacity:.15;}
.fadeM{opacity:.1;}
#brand:hover{opacity:1;text-shadow: 0px 0px 15px black;}
section{margin:auto;width:90vw;padding:1rem;}
h1{font-size:2.15rem;padding:0 0 1rem 0;}
p{font-size:1.75rem;padding:2rem;}
footer{padding:5rem 0 1rem 0;}


/* RESPONSIVE PARAMETERS */

@media only screen and (max-width: 450px) and (orientation: portrait) {
	#brand{font-size:4.5rem;}
	h1{font-size:2.5rem;}
	li{font-size:1.75rem}
}
@media only screen and (min-width: 451px) and (max-width: 600px) and (orientation: portrait) {
}