diff --git a/pyscript.css b/pyscript.css
new file mode 100644
index 0000000000000000000000000000000000000000..1d5c13177d4a05e781f4e7c40bfd713fd0893045
--- /dev/null
+++ b/pyscript.css
@@ -0,0 +1,24 @@
+h1 {
+ text-align:center;
+ font-size: 70px;
+ font-weight: 600;
+ background-image: linear-gradient(to left, #db6618, #d4741b);
+ color: transparent;
+ background-clip: text;
+ -webkit-background-clip: text;
+ }
+
+#matplotlib-bar{
+ margin: auto;
+ width: 50%;
+ border: 3px solid rgb(83, 8, 8);
+ padding: 10px;
+}
+
+#matplotlib-lineplot
+{
+ margin: auto;
+ width: 50%;
+ border: 3px solid rgb(83, 8, 8);
+ padding: 10px;
+}
\ No newline at end of file
diff --git a/pyscript.html b/pyscript.html
index 3c0728ec0ba8fff3eb00ed989c3b9e27d67916dd..d47f547a4243d0a826e4946a5f39b6577673cecd 100644
--- a/pyscript.html
+++ b/pyscript.html
@@ -7,6 +7,7 @@
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
+ <link rel="stylesheet" href="pyscript.css">
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- matplotlib
@@ -15,6 +16,9 @@
- ./InteractionPrototype.csv_merged_result_unannotated.csv
</py-env>
</head>
+
+ <h1 id="header"> OpenDSA Visualizations Dashboard</h1>
+
<body>
<div id="matplotlib-lineplot"> </div>
<py-script output="matplotlib-lineplot">