/* screens: large */


/* content */
.content {
	width: 100%;
	height: 100%;
	height: 100vh;
	margin: auto;
	display: flex;
	flex-direction: column;
	overflow: visible;
	order: 2;
	background-color: transparent;
}

.content_box {
	width: calc(12.5rem - 0rem);
	height: calc(12.5rem - 0rem);
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.content_container_1,
.content_container_2,
.content_container_3,
.content_container_4 {
	width: calc(6.25rem - 0rem);
	height: calc(6.25rem - 0rem);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
  background-color: var(--color-bg);
}

.content_container_1 div,
.content_container_2 div,
.content_container_3 div,
.content_container_4 div {
	width: calc(.625rem - 0rem);
	height: calc(.625rem - 0rem);
	background-color: var(--black);
}

.content_container_1 div:nth-child(34),
.content_container_1 div:nth-child(35),
.content_container_1 div:nth-child(36),
.content_container_1 div:nth-child(37),
.content_container_1 div:nth-child(44),
.content_container_1 div:nth-child(45),
.content_container_1 div:nth-child(46),
.content_container_1 div:nth-child(47),
.content_container_1 div:nth-child(54),
.content_container_1 div:nth-child(55),
.content_container_1 div:nth-child(56),
.content_container_1 div:nth-child(57),
.content_container_1 div:nth-child(64),
.content_container_1 div:nth-child(65),
.content_container_1 div:nth-child(66),
.content_container_1 div:nth-child(67),
.content_container_1 div:nth-child(89),
.content_container_1 div:nth-child(90),
.content_container_1 div:nth-child(99),
.content_container_1 div:nth-child(100) {
	background-color: red;
}

.content_container_1 div:nth-child(89),
.content_container_1 div:nth-child(90),
.content_container_1 div:nth-child(99),
.content_container_1 div:nth-child(100) {
	background-color: var(--white);
}

.content_container_2 div:nth-child(34),
.content_container_2 div:nth-child(35),
.content_container_2 div:nth-child(36),
.content_container_2 div:nth-child(37),
.content_container_2 div:nth-child(44),
.content_container_2 div:nth-child(45),
.content_container_2 div:nth-child(46),
.content_container_2 div:nth-child(47),
.content_container_2 div:nth-child(54),
.content_container_2 div:nth-child(55),
.content_container_2 div:nth-child(56),
.content_container_2 div:nth-child(57),
.content_container_2 div:nth-child(64),
.content_container_2 div:nth-child(65),
.content_container_2 div:nth-child(66),
.content_container_2 div:nth-child(67),
.content_container_2 div:nth-child(81),
.content_container_2 div:nth-child(82),
.content_container_2 div:nth-child(91),
.content_container_2 div:nth-child(92) {
	background-color: var(--white);
}

.content_container_3 div:nth-child(34),
.content_container_3 div:nth-child(35),
.content_container_3 div:nth-child(36),
.content_container_3 div:nth-child(37),
.content_container_3 div:nth-child(38),
.content_container_3 div:nth-child(39),
.content_container_3 div:nth-child(40),

.content_container_3 div:nth-child(44),
.content_container_3 div:nth-child(45),
.content_container_3 div:nth-child(46),
.content_container_3 div:nth-child(47),
.content_container_3 div:nth-child(48),
.content_container_3 div:nth-child(49),
.content_container_3 div:nth-child(50),

.content_container_3 div:nth-child(54),
.content_container_3 div:nth-child(55),
.content_container_3 div:nth-child(56),
.content_container_3 div:nth-child(57),
.content_container_3 div:nth-child(58),
.content_container_3 div:nth-child(59),
.content_container_3 div:nth-child(60),

.content_container_3 div:nth-child(64),
.content_container_3 div:nth-child(65),
.content_container_3 div:nth-child(66),
.content_container_3 div:nth-child(67),
.content_container_3 div:nth-child(68),
.content_container_3 div:nth-child(69),
.content_container_3 div:nth-child(70),

.content_container_3 div:nth-child(9),
.content_container_3 div:nth-child(10),
.content_container_3 div:nth-child(19),
.content_container_3 div:nth-child(20) {
	background-color: var(--white);
}

.content_container_4 div:nth-child(31),
.content_container_4 div:nth-child(32),
.content_container_4 div:nth-child(33),
.content_container_4 div:nth-child(34),
.content_container_4 div:nth-child(35),
.content_container_4 div:nth-child(36),
.content_container_4 div:nth-child(37),

.content_container_4 div:nth-child(41),
.content_container_4 div:nth-child(42),
.content_container_4 div:nth-child(43),
.content_container_4 div:nth-child(44),
.content_container_4 div:nth-child(45),
.content_container_4 div:nth-child(46),
.content_container_4 div:nth-child(47),

.content_container_4 div:nth-child(51),
.content_container_4 div:nth-child(52),
.content_container_4 div:nth-child(53),
.content_container_4 div:nth-child(54),
.content_container_4 div:nth-child(55),
.content_container_4 div:nth-child(56),
.content_container_4 div:nth-child(57),

.content_container_4 div:nth-child(61),
.content_container_4 div:nth-child(62),
.content_container_4 div:nth-child(63),
.content_container_4 div:nth-child(64),
.content_container_4 div:nth-child(65),
.content_container_4 div:nth-child(66),
.content_container_4 div:nth-child(67),

.content_container_4 div:nth-child(1),
.content_container_4 div:nth-child(2),
.content_container_4 div:nth-child(11),
.content_container_4 div:nth-child(12) {
	background-color: var(--white);
}


/* screens: medium */
@media only screen and (max-width: 959px) {


	/* content */


}


/* screens: small */
@media only screen and (max-width: 480px) {


	/* content */


}