* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: helvetica, "Hiragino Sans", sans-serif;
}
body {
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	background: #222;
	color: #fff
}
a {
	color: #ff0;
}
.boxv {
	position: relative;
	width: 960px;
	height: 540px;
	justify-content: center;
	align-items: center;
	background: #000;
	margin: 0;
}
.boxv:before {
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background: #000;
	z-index: -1;
}
.boxv:after {
	content: '';
	position: absolute;
	top: -2px;
	bottom: -2px;
	left: -2px;
	right: -2px;
	background: #088;
	z-index: -2;
	filter: blur(20px);
}
.boxi {
	position: relative;
	width: 500px;
	height: 295px;
	justify-content: center;
	align-items: center;
	background: #000;
	margin: 0;
}
.boxi:before {
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background: #000;
	z-index: -1;
}
.boxi:after {
	content: '';
	position: absolute;
	top: -2px;
	bottom: -2px;
	left: -2px;
	right: -2px;
	background: #088;
	z-index: -2;
	filter: blur(20px);
}