:root{
	
	--local-color-000:#000000;
		--local-color-000-rgb:0,0,0;
	--local-color-001:#40E0D0;
	--local-color-002:#CEA70B;
	--local-color-003:#292517;
		--local-color-003-rgb:41,37,23;
	
	/**/
	--default-text-color:var(--local-color-001);
	--default-background-color:var(--local-color-000);	
	--h1-before-color:var(--local-color-002);
}	


P{
	box-sizing:border-box;
	position:relative;
	margin:20px 0;
	padding:0;
}

P.notes{
	margin:50px auto 10px auto;
	font-style:italic;
	max-width:800px !important;
}

.composition>DIV{background:linear-gradient(to bottom,rgba(var(--local-color-003-rgb),1) 0%, rgba(var(--local-color-000-rgb),1) 100%);}
.composition>DIV>SECTION:nth-child(2)>.inner>.content::before,
.composition>DIV>SECTION:nth-child(2)>.inner>.content::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:10px;
	background-color:var(--local-color-002);
}
.composition>DIV>SECTION:nth-child(2)>.inner>.content::before{
	left:4px;
	clip-path:polygon(
		3% 3%,
		100% calc(3% + 10px),
		100% calc(97% - 10px),
		0% 97%
	);			
}
.composition>DIV>SECTION:nth-child(2)>.inner>.content::after{
	right:4px;
	clip-path:polygon(
		3% calc(3% + 10px),
		100% 3%,
		100% 97%,
		0% calc(97% - 10px)
	);			
}
.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(2){
	position:relative;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	max-width:800px;
	border:1px solid var(--local-color-001);
	border-top:0;
	border-bottom:0;
	border-radius:40px;
}
.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(2)::before{
	content:'';
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	border:1px solid var(--local-color-001);
	border-radius:20px;
	border-left:0;
	border-right:0;
}
.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(2)>DIV{
	position:relative;
	box-sizing:border-box;
	margin:0;
	padding:120px 80px 80px 80px;
}
@media (min-width:0px) and (max-width:700px){.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(2)>DIV{padding:80px 30px 40px 30px;}}
@media (min-width:701px) and (max-width:1100px){.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(2)>DIV{padding:100px 60px 60px 60px;}}		

.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(2)>DIV::before,
.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(2)>DIV::after{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:15px;
	background-color:var(--local-color-001);
}
.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(2)>DIV::before{
	top:22px;
	clip-path:polygon(
		30% 0%,
		70% 0%,
		calc( 70% - 15px ) 100%,
		calc( 30% + 15px ) 100%
	);
}
.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(2)>DIV::after{
	bottom:22px;
	clip-path:polygon(
		calc( 30% + 15px ) 0%,
		calc( 70% - 15px ) 0%,
		70% 100%,
		30% 100%
	);
}		

.composition>DIV>SECTION:nth-child(2)>.inner>.content>DIV:nth-child(1) IMG{
	display:block;
	width:100%;
	max-width:600px;
	margin:0 auto;
}