html {
	--color-highlight1:	rgb(0,200,150);
	--color-highlight2:	rgb(255,150,150);
}



.bokeh {
	position:		absolute;
	width:			100%;
	height:			100vh;
	overflow:		hidden;
	mix-blend-mode:	lighten;
}
.bokeh > div {
	position:		absolute;
	border-radius:	50%;
	animation:		linear bokeh 60s infinite;
}
.plate {
	position:	absolute;
	top:		65vh;
	left:		0;
	width:		100%;
	height:		35vh;
	background:	url(plate.jpg) no-repeat center bottom / cover;
}
.repoimage1 {
	width:		100%;
	height:		80vh;
	object-fit:	contain;
}
.repoimage2 {
	width:		100%;
	height:		90vh;
	object-fit:	contain;
}
.repoimage3 {
	height:		75vh;
	margin:		2.5vh;
	object-fit:	contain;
}
.featured {
	display:			inline-block;
	margin:				0.5vh;
	padding:			0 1vh;
	font-family:		Roboto Condensed;
	font-size:			2.5vh;
	line-height:		3.75vh;
	text-decoration:	none;
	color:				#FFF;
	background:			var(--color-highlight2);
	border-radius:		1vh;
}
.copyright {
	padding-bottom:	1vh;
	font-size:		2.5vh;
	line-height:	10vh;
	text-align:		center;
	color:			rgba(255,255,255,0.5);
	background:		rgb(50,55,60);
}
.copyright > u {
	text-decoration:	none;
}



@media only screen and (max-width:1500px) {
	.plate {
		top:	35vh;
		height:	20vh;
	}
	.repoimage1 {
		height:	45vh;
		margin:	5vh 0;
	}
	.repoimage2 {
		height:	auto;
	}
	.repoimage3 {
		width:	100%;
		height:	auto;
		margin:	2.5vh 0;
	}
	.tagdata {
		background:	linear-gradient(rgba(15,5,5,0.75),rgba(75,0,0,0.5));
	}
	.tagdata h1 {
		margin-top:	2.5vh;
	}
}
@keyframes bokeh {
	100% {
		transform:	translate3d(0,0,1px) rotate(360deg);
	}
}