/* CSS RESET */

* {

}


main {
	width: 39vw;
	height: 46.5vw;
	background-color: #930625;
	margin: auto;
	margin-top: 3.1vw;
}

section {
	float: left;
}

.pink {
	width: 25.25%;
	height: 99%;
	background-color: #dc7998;
	margin-left: 0.5%;
	margin-top: 0.5%;
}

.purpink {
	width: 24.25%;
	height: 99%;
	background-color: #c76eb8;
	margin-top: 0.5%;
}

.purple {
	width: 24.25%;
	height: 99%;
	background-color: #5a49ae;
	margin-top: 0.5%;
}

.blue {
	width: 25.25%;
	height: 99%;
	background-color: #2b46b7;
	margin-top: 0.5%;
}


article {
	float: left;
}

.flatpurple_a {
	width: 100%;
	height: 4%;
	margin-top: 36.65vw;
	background-color: #5742a1;
}

.flatpurple_b {
	width: 100%;
	height: 29.5%;
	margin-top: 17.85vw;
	background-color: #5c47ac;
}

.flatpurpink_a {
	width: 100%;
	height: 3.9%;
	margin-top: 26.6vw;
	background-color: #c76eb8;
}

.flatpurpink_b {
	width: 100%;
	height: 72.3%;
	margin-top: 8.7vw;
	background-color: #c56bb0;
}

figure {
	margin: 0;
	padding: 0;
	float: left;
}

.boxpurpink {
	width: 100%;
	height: 72.6%;
	margin-top: 19.5%;
	background-color: #c76eb8;
}

.boxblue {
	width: 100%;
	height: 89.2%;
	margin-top: 18.6%;
	background-color: #2b46b7;
}