diff --git a/app/static/style.css b/app/static/style.css
new file mode 100644
index 0000000..dba5146
--- /dev/null
+++ b/app/static/style.css
@@ -0,0 +1,80 @@
+@font-face {
+ font-family: "Hellovetica";
+ src: url("hellovetica.ttf") format("truetype");
+}
+.dashboard {
+ font-family: "Helvetica";
+ height: 699px;
+ width: 600px;
+text-align: left;
+font-size: 17px;
+}
+
+.panel {
+ position: relative;
+ height: 50%;
+verical-align: top;
+/* height: 250px; */
+width: 100%;
+}
+
+.panel.top {
+ height: 35%;
+}
+
+.panel.bottom {
+ height: 65%;
+}
+
+.subpanel {
+ position: relative;
+ height:100%;
+ width:48%;
+ display: inline-block;
+ text-align: center;
+}
+
+.weather-icon {
+
+ position: relative;
+ height: 100%;
+ width: 100%;
+ object-fit: scale-down;
+}
+
+.week {
+ text-align: center;
+}
+
+.day {
+ border-style: solid;
+ display: inline-block;
+ min-height: 220px;
+ max-height: 220px;
+ width: 135px;
+ vertical-align: top;
+ margin: 1px;
+ align-items: center;
+ text-align: left;
+}
+
+.day-title{
+ background-color: black;
+ text-align: center;
+ color: white;
+ text-transform: uppercase;
+ font-weight: bold;
+
+}
+
+.event {
+ margin: 3pt;
+ background-color: white;
+ border-style: solid;
+ border-radius: 5px;
+ padding: 2px;
+}
+
+.daterange {
+ font-size: smaller;
+}
\ No newline at end of file
diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html
index 858cc16..0d1d556 100644
--- a/app/templates/dashboard.html
+++ b/app/templates/dashboard.html
@@ -1,87 +1,8 @@
-
-
+ Dashboard
+