* {
	box-sizing: border-box;
}

body{

	background: #07204c;
	font-family: sans-serif;
}

.space-out{
	line-height: 3em;
}

#leftall1{
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 2em;
	text-align: left;
	color:white;
}
#rightall1{
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 2em;
	text-align: right;
	color:#0eccf7;
}
#leftall2{
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 2em;
	text-align: left;
	color:#0ea2ee;
}
#rightall2{
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 2em;
	text-align: right;
	color:#0e6ee2;

}

#leftall3{
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 2em;
	text-align: left;
	color:#0e4dc1;
}
#rightall3{
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 2em;
	text-align: right;
	color:#0e2d96;
}
#leftall4{
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 2em;
	text-align: left;
	color:#0e177b;
}
.cbutton {
	position: relative;
	display: inline-block;
	margin: 1em;
	padding: 0;
	border: none;
	background: none;
	color: #286aab;
	font-size: 1.4em;
	transition: color 0.7s;
}
.cbutton.cbutton--click,
.cbutton:focus {
	outline: none;
	color: #3c8ddc;
}

.cbutton__icon {
	display: block;
}

.cbutton__text {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.cbutton::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
}