*,
::before,
::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	font-family: Arial, Helvetica, sans-serif;
}

.bred {
	border: 1px red solid;
}

.bblue {
	border: 1px blue solid;
}

.borange {
	border: 1px orange solid;
}

.bwhite {
	border: 1px white solid;
}

.flexH,
.flexV {
	position: relative;
	display: flex;
	align-items: center;
}
.flexH {
	flex-direction: row;
}

.flexV {
	flex-direction: column;
}

.PCS {
	position: relative;
	flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
}

.flexSB {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}

.hide_me,
.to_do {
	display: none;
}

.wh100 {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}