woops i forgot to commit these files lul

1 files changed, 200 insertions, 0 deletions

diff --git a/src/styles/projects.css b/src/styles/projects.css
new file mode 100644
index 0000000..604ff0e
--- /dev/null
+++ b/src/styles/projects.css
@@ -0,0 +1,200 @@
+.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;
+}
+*/