diff --git a/resources/css/index.css b/resources/css/index.css
index f389fa3..14444e3 100644
--- a/resources/css/index.css
+++ b/resources/css/index.css
@@ -1,8 +1,36 @@
-/* edit 317p */
 @import 'https://fonts.googleapis.com/css?family=Iceland|Cairo&display=swap';
-body{background-color:#2c2c2c;color:#efefef;height:100%}
-.tstyle{background:-webkit-linear-gradient(-45deg, #A3FF00 30%, #49FF00 35%, #00FF45 45%, #04FF54 60%, #00FFD2 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:damion;max-width:fit-content;margin:auto}
-#container{background-image: (url"/resources/img/pb.png");text-align:center;font-family:cairo;position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);width:auto}
+body {
+	background-image: url("/resources/img/pb.webp");
+	background-repeat: no-repeat;
+	background-position: top center;
+	background-size: 100% auto;
+	background-color:#2c2c2c;
+	color:#efefef;
+}
+/*.tstyle{background:-webkit-linear-gradient(-45deg, #A3FF00 30%, #49FF00 35%, #00FF45 45%, #04FF54 60%, #00FFD2 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:damion;max-width:fit-content;margin:auto}*/
+.tstyle {
+	color: #FFD700;   /* Gold */
+	font-family: Iceland;
+	max-width: fit-content;
+	margin: auto;
+	text-shadow: 0 0 8px rgba(255, 215, 0, 0.7);
+}
+
+#container {
+	text-align:center;
+	font-family:Iceland;
+	position:absolute;
+	top:45%;
+	left:50%;
+	transform:translate(-50%,-45%);
+	width:auto;
+
+	/* transparent box padding */
+	background: rgba(0, 0, 0, 0.9);	/* black box at 90% opacity */
+	padding: 20px 40px;		/* space inside the box */
+	border-radius: 12px;		/* rounded corners */
+}
+
 #container #avatar{border-radius:50%;margin-bottom:-.75em}
 #container #title{font-size:4em}
 #container #text{line-height:1.375}
diff --git a/resources/img/pb.webp b/resources/img/pb.webp
new file mode 100644
index 0000000..f73b3e6
Binary files /dev/null and b/resources/img/pb.webp differ