.render1 {
	background: url(/projects/renders/iced-out/assets/img.png) no-repeat 50% 50%;
	background-size: cover;
}

.render1::after {
	content: "iced out.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 8%;
	left: -60%;
	right: 0;
	bottom: 0;
}

.render2 {
	background: url(/projects/renders/rockstar/assets/img.png) no-repeat 50% 50%;
	background-size: cover;
}

.render2::after {
	content: "projects/ github.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 80%;
	left: 90%;
	right: 0;
	bottom: 0;
}

.render3 {
	background: url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 50%;
	background-size: cover;
}

.render3::after {
	content: "allegiance.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 80%;
	left: -50%;
	right: 0;
	bottom: 0;
}

.render4 {
	background: url(/projects/renders/?/assets/img.png) no-repeat 50% 50%;
	background-size: cover;
}

.render4::after {
	content: "?.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 10%;
	left: 90%;
	right: 0;
	bottom: 0;
}

.render5 {
	background: url(https://strelizia.cc/HyLvUFyMOYyv6SK6lpJVUfuOLj2dBxqr.png) no-repeat 50% 50%;
	background-size: cover;
}

.render5::after {
	content: "uwufier.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 8%;
	left: -60%;
	right: 0;
	bottom: 0;
}

.render6 {
	background: url(https://www.callicoder.com/assets/images/post/large/npm-package-manager-for-node-js.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.render6::after {
	content: "npm.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 80%;
	left: 90%;
	right: 0;
	bottom: 0;
}

.render7 {
	background: url(https://senpy.tk/C++/Sakurajima_Mai_Holding_The_C++_Programming_Language.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.render7::after {
	content: "senpy.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 80%;
	left: -50%;
	right: 0;
	bottom: 0;
}

/* */
.graphic1 {
	background: url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%;
	background-size: cover;
}

.graphic1::after {
	content: "devils work.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 8%;
	left: -60%;
	right: 0;
	bottom: 0;
}

.graphic2 {
	background: url(/projects/graphics/swavy-pfps/assets/img2.png) no-repeat 50% 50%;
	background-size: cover;
}

.graphic2::after {
	content: "swavy pfps.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 80%;
	left: 90%;
	right: 0;
	bottom: 0;
}

.graphic3 {
	background: url(/projects/graphics/absence/assets/img.png) no-repeat 50% 50%;
	background-size: cover;
}

.graphic3::after {
	content: "absence.";
	font-family: "Roboto Mono";
	font-size: 36px;
	position: relative;
	color: #fff;
	display: block;
	top: 80%;
	left: -50%;
	right: 0;
	bottom: 0;
}

/*
.graphic4 {
	  background: url(/projects/renders/devils-work/assets/img.png) no-repeat 50% 50%;
	  background-size: cover;
}

.render4::after {
	  content: "devils work.";
	  font-family: "Roboto Mono";
	  font-size: 36px;
	  position: relative;
	  color: #fff;
	  display: block;
	  top: 10%;
	  left: 90%;
	  right: 0;
	  bottom: 0;
}
*/