*{
	box-sizing:border-box;
	margin:0;
	padding:0;
}
body{
	padding:30px 30px 20px 30px;
	font-family:sans-serif;
	font-size:18px;
	line-height:1;
	background-color:#131313;
	color:#e7e7e7;
}

a,.underline{
	text-decoration-line:underline;
	text-decoration-style:solid;
	text-decoration-thickness:2px;
}
a{color:#0ff}
a:hover{color:#f00}
a.internal{color:#0f0}
a.internal:hover{color:#f00}

.banner{
	display:flex;
	justify-content:center;
	image-rendering:crisp-edges;
}
.banner img{max-width:100%}
.navigation{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:20px 0 30px 0;
}
.navigation a{
	margin:0 10px;
	text-indent:0;
}
.content{
	max-width:850px;
	margin:0 auto;
	line-height:1.5;
	text-indent:1.5em;
	text-align:justify;
	text-justify:inter-word;
	hyphens:auto;
}

/*--------------------------------*/

figure{
	float:right;
	margin:0 0 10px 20px;
	max-width:min(300px,50vw - 50px);
	background:#1b1b1b;
	border:1px solid #5f5f5f;
	font-size:14px;
	line-height:1;
	text-indent:0;
}
figure img{
	max-width:calc(100% - 10px);
	max-height:400px;
	object-fit:cover;
	margin:5px;
	overflow:hidden;
}
figcaption{margin:0 5px 5px 5px}
.clear{clear:both}

.content>div>div{margin-bottom:10px}
.header{
	font-family:serif;
	font-size:24px;
	line-height:1;
	text-indent:0;
	font-weight:1000;
	margin-bottom:10px;
}
.header~.header{margin-top:15px}

.grey{color:#7f7f7f}
.bluishteal{color:#00afbf}
.greenblue{
	background-image:linear-gradient(to right,#dfff3f,#9fff7f,#3fffdf,#273fff);
	color:transparent;
	background-clip:text;
}
.greenblue1{color:#dfff3f}
.greenblue2{color:#9fff7f}
.greenblue3{color:#3fffdf}
.greenblue4{color:#273fff}
.a0{color:#0f0}
.a1{color:#0ff}
.no-indent{text-indent:0}

/*--------------------------------*/

.content>.home{display:none}
#sonadoc:not(:target)+#music:not(:target)
	~.content>.home{display:initial}
#sonadoc:not(:target)+#music:not(:target)
	~.navigation>.home{color:#fff}

#sonadoc:not(:target)~.content>.sonadoc{display:none}
#sonadoc:target~.navigation>.sonadoc{color:#fff}

#music:not(:target)~.content>.music{display:none}
#music:target~.navigation>.music{color:#fff}