/* OPS UPLOAD | ABOUT */

/* 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;color:#241e16;}
header{margin:0;padding:0;position:sticky;top:0;}
/*#portal{margin-left:5vw;width:90vw;}*/
#brand{margin:0;padding-left:5%;font-size:8rem;}
.fadeA{opacity:.9;}
.fadeB{opacity:.85;}
.fadeC{opacity:.8;}
.fadeD{opacity:.75;}
.fadeE{opacity:.7;}
.fadeF{opacity:.65;}
.fadeG{opacity:.6;}
.fadeH{opacity:.55;}
.fadeI{opacity:.4;}
.fadeJ{opacity:.3;}
.fadeK{opacity:.25;}
.fadeL{opacity:.15;}
.fadeM{opacity:.1;}
section{margin:auto;width:90vw;padding:1rem;}
.color-invert{background-color:#241e16;color:#ffffff;}
.title-pop{font-size:2.75rem;}
li{padding-bottom:15px;}
.highlight{font-size:1.2rem;}
.how{padding:1rem 0;font-size:2rem;}
#survey-button{display:flex;justify-content:center;}
button{font-size:2rem;padding:1rem;border-radius:12px;cursor:pointer;box-shadow:5px 15px 20px gray;background-color:#fffff0;}
button > a{font-family: "Noto Serif JP", serif;text-decoration:none;color:#0702963;}
footer{padding:20px 5% 20px 5%;}


/* RESPONSIVE PARAMETERS */

@media only screen and (max-width: 450px) and (orientation: portrait) {
	#brand{font-size:4.5rem;}
	h1{font-size:1.75rem;}
	li{font-size:1.25rem}
	.highlight{font-size:1.6rem;}
	p{font-size:1.5rem;}
	.how{font-size:2.15rem;}
	h2{font-size:2rem;}
	h3{font-size:1.75rem;}
}
@media only screen and (min-width: 451px) and (max-width: 600px) and (orientation: portrait) {
}