body {
	background-color: #000000;
	overflow-x: hidden;
	overflow-y: scroll;
	background-image: url(../images/secrets/cyn/cyn_bg.png);
	background-repeat: repeat;
	background-attachment: fixed;
	color: #1d0e4a;
	font-family: 'Comic Sans MS';
	font-size: 15px;
	padding: 0px;
	cursor: url(../images/secrets/cyn/cursor.png), auto;
}

#wrapper {
	max-width: 1200px;
	max-height: 95%;
	width: fit-content;
	height: fit-content;
	width: -moz-fit-content;
	height: -moz-fit-content;
	animation: fadeEffect 1s;
	margin: auto;
	overflow: none;
}

#header {
	width: 100%;
	z-index: -10;
	text-align: center;
}

#header img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	box-sizing: border-box;
}

figure {
  --c: 50px;
  --p: 30px;
  --d: 10px;
  background: red;
  display: inline-block;
  padding: var(--p);
  background:
    radial-gradient(farthest-side at 0 0, #000, #0000) 0 0 / var(--c) var(--c),
    radial-gradient(farthest-side at 100% 100%, #000, #0000) 100% 100% / var(--c) var(--c),
    linear-gradient(#fff 0 0) 50% 50% / calc(100% - var(--p)) calc(100% - var(--p)),
    linear-gradient(#0000, #000 25% 75%, #0000) 50% 50% / calc(100% - var(--p)) calc(100% - var(--d)),
    linear-gradient(90deg, #0000, #000 25% 75%, #0000) 50% 50% / calc(100% - var(--d)) calc(100% - var(--p)),
    radial-gradient(farthest-side at 0 100%, #00000018, #0000) calc(100% - var(--d) * 0.5) calc(var(--d) * 0.5) / var(--d) var(--d),
    radial-gradient(farthest-side at 100% 0, #00000018, #0000) calc(var(--d) * 0.5) calc(100% - var(--d) * 0.5) / var(--d) var(--d)
    ;
  background-repeat: no-repeat;
  clip-path: polygon(0 var(--c), var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%);
}

.wobble {
	-webkit-animation: spin 5.5s ease infinite;
}

@-webkit-keyframes spin {
    0%		{-webkit-transform: rotate(0deg);}
	25% 	{-webkit-transform: rotate(1deg);}
    50% 	{-webkit-transform: rotate(0deg);}
    75%  	{-webkit-transform: rotate(-1deg);}
    100% 	{-webkit-transform: rotate(0deg);}
}

#board-container img {
  transition: transform 0.25s ease;
  transform-origin: center;
}

#board-container img:hover {
  transform: scale(1.4);
  z-index: 10;
}

#board-container img.board-bg {
  transition: none;
  transform: none;
}

#board-container img.board-bg:hover {
  transform: none;
}

.hover_img img { position:relative; display:none; z-index:99; }
.hover_img img:hover { display:block; }