@font-face {
	font-family: "kazukireiwa";
	src: url("https://dl.dropboxusercontent.com/scl/fi/iw7vfz6scs16q7qhoemcm/KazukiReiwa-Regular.woff2?rlkey=e9bn754z67x99edwbc9kh1u5s&st=pog3rfgs&dl=0") format("woff2"),
}

body {
	font-family: "kazukireiwa"!important;
	background-color: #000;
	color: #FFF!important;
	font-size: 9.5px!important;
	letter-spacing: 0.1em;
	line-height:20px;
	text-align: justify;
}

a {
	font-family: "kazukireiwa";
	background-color: #000;
	color: #FFF!important;
	font-size: 9.5px;
	letter-spacing: 0.1em;
	line-height:20px;
	text-align: justify;
}

header{
	text-align: center;
}



.titleblock {
	height: 300px;
	padding: 0;
	line-height: 300px;
	width: 100%;
	overflow: hidden;
	text-align:center;
	margin: 0 auto;
	font-size: 20px!important;
}

.mainblock {
	position: relative;
	height: 400px;
	padding: 0;
	width: 100%;
	background: #000;
	overflow: hidden;
	text-align:center;
	display: flex;
	position: fixed;
	margin: 0 auto;
	z-index: -1;
}

.ripples div {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	border: solid 2px #FFF;
	border-radius: 50%;
	opacity: 0;
	animation: ripples_anim 3s linear infinite;
}

.ripples div:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	border: solid 2px #FFF;
	border-radius: 50%;
	opacity: 0;
	animation: ripples_anim 3s linear infinite 0.1s;
}

.ripples div:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	border: solid 1px #FFF;
	border-radius: 50%;
	opacity: 0;
	animation: ripples_anim 3s linear infinite 0.2s;
}

@keyframes ripples_anim {
	0% {
		opacity: 1;
	}
  
	50% {   
		transform: translate(-200px,-200px);
		width: 400px;
		height: 400px;
		opacity: 0;
	}
}


.box-design {
	margin: 30px 30px;
	padding: 20px;
	border: 1px solid #FFF;
	position: relative;
}

.box-design p {
	background-image: linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #4c9ac0 100%);
	background-size: 8px 100%, 100% 2.5em;
	line-height: 2.5;
	margin: 0;
}

.short-box-design {
	margin: 30px 30px;
padding: 20px;
	position: relative;
	border-left: solid 10px #FFF;
}

.short-box-design p {
	background-image: linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #4c9ac0 100%);
	background-size: 8px 100%, 100% 2.5em;
	margin: 0;
}