:root{
	--default-text-color:#40E0D0;
	--default-background-color:#000000;		
	--menu-color-border:#CEA70B;
	--menu-color-border-hover:#40E0D0;
	--menu-color-panel-background:#16140C;
	--menu-link-color:#40E0D0;
	--menu-link-border-color:#CEA70B;
	--menu-link-color-hover:#292517;
	--menu-link-hover-background:#CEA70B;			
}	

.composition{
	position:relative;
	z-index:2;
}
.composition>DIV{
	box-sizing:border-box;
	padding:40px 40px 80px 40px;
}
.background{
	position:fixed;
	inset:0;
	background:linear-gradient(to bottom,rgba(41,37,23,1) 0%, rgba(0,0,0,1) 100%);
	z-index:1;
	pointer-events:none;
}

.background::before,
.background::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:10px;
	background-color:#CEA70B;
}
.background::before{
	left:4px;
	clip-path:polygon(
		3% 3%,
		100% calc( 3% + 10px ),
		100% calc( 97% - 10px ),
		0% 97%
	);			
}
.background::after{
	right:4px;
	clip-path:polygon(
		3% calc( 3% + 10px ),
		100% 3%,
		100% 97%,
		0% calc( 97% - 10px )
	);			
}	
P{
	box-sizing:border-box;
	position:relative;
	margin:20px 0;
	padding:0;
}
DIV.content{
	position:relative;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	max-width:800px;
	border:1px solid #40E0D0;
	border-top:0;
	border-bottom:0;
	border-radius:40px;
}
DIV.content::before{
	content:'';
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	border:1px solid #40E0D0;
	border-radius:20px;
	border-left:0;
	border-right:0;
}
DIV.content .inner{
	position:relative;
	box-sizing:border-box;
	margin:0;
	padding:80px;
}
@media (min-width:0px) and (max-width:700px){DIV.content .inner{padding:40px 30px;}}
@media (min-width:701px) and (max-width:1100px){DIV.content .inner{padding:60px 60px;}}		

DIV.content .inner::before,
DIV.content .inner::after{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:15px;
	background-color:#40E0D0;
}
DIV.content .inner::before{
	top:22px;
	clip-path:polygon(
		30% 0%,
		70% 0%,
		calc( 70% - 15px ) 100%,
		calc( 30% + 15px ) 100%
	);
}
DIV.content .inner::after{
	bottom:22px;
	clip-path:polygon(
		calc( 30% + 15px ) 0%,
		calc( 70% - 15px ) 0%,
		70% 100%,
		30% 100%
	);
}		

DIV.visuals{}
DIV.visuals IMG{
	display:block;
	width:100%;
	max-width:600px;
	margin:0 auto;
}

P.notes{
	margin:50px auto 10px auto;
	font-style:italic;
	max-width:800px !important;
}
P.footer{
	line-height:1em;
	width:100%;
	max-width:800px;
	margin:10px auto;
	padding:10px 0 0 0;
	display:flex;
}
P.footer A{
	position:relative;
	z-index:2;
	padding:3px 20px;
	color:#40E0D0;
	white-space:nowrap;
	text-decoration:none;
}
P.footer A::after{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:10px;
	height:100%;
	background-color:#40E0D0;
	text-decoration:none;
	transition:all 400ms ease;
}		
P.footer A:hover{color:#000000;}
P.footer A:hover::after{
	width:100%;
	background-color:#CEA70B;
}