:root{
		--mode : color-burn;
		--cap-height: 2.5em;
		--img-size:200px;
		--cap-top: 200px; 
		--border-color: silver;
		--radius: 20px;
		--border-size: 1px;
	   }

	nav{position:relative;}

	nav.cj_menu_full_monty {
	}
	nav.cj_menu_json {
		white-space:pre;
	}
     ul.cj_menu_buttons  {
		list-style-type:none;
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		position:relative;
		flex-grow:0;
		flex-shrink:0;
		justify-content: center;
		align-items: center;
		align-content: center;
		gap:10px;
		background: #fefeff;
		border: none;
	}

	ul.cj_menu_buttons li{
		border:var(--border-size) solid var(--border-color);
		width:200px;
		height:calc(var(--img-size) + 4em);
		box-shadow: inset white 7px 5px 10px, inset gray -7px -7px 10px;
		isolation:isolate;
		position:relative;
		border-radius:var(--radius);
		z-index:998;
		margin-right:0.5em;
	}
	ul.cj_menu_buttons img, ul.cj_menu_buttons iframe{
		border-radius:var(--radius) var(--radius) 0 0;
		width:100%;
		height:var(--img-size);
		mix-blend-mode: var(--mode);
		position:absolute;
		top:0px;
		left:0px;
		z-index:999;
	}
	ul.cj_menu_buttons p.caption {
		border-radius:0 0 var(--radius) var(--radius);
		position:absolute;
		bottom:0.5em;
		font-family:sans-serif;
		top: calc(var(--img-size) +1em;)
		padding:1em;
		height:var(--cap-height);
		text-align:center;
		mix-blend-mode: var(--mode);
		width:90%;
		margin:auto;
	}