Moved main program files

app/static/css/main.css

@@ -0,0 +1,69 @@
+body{
+    margin: 0px 10px 0px 10px;
+    padding: 0px;
+    background-color: #DCDCDD;
+    color: #46494C
+}
+#app{
+    display: grid;
+    grid-template-areas: "app_header"
+                         "app_body"
+                         "app_footer";
+    grid-template-rows: 5vh 90vh 5vh;
+    max-height: 100%
+}
+.app_header{
+    grid-area: app_header;
+    display: grid;
+    grid-template-areas: "title slogan";
+    align-items: center;
+}
+.app_hdr{
+    grid-area: title;
+    margin: 0px;
+    font-family: 'Audiowide', cursive;
+    font-size: 25px;
+    text-align: start;
+}
+.shadow{
+    text-shadow: #4c5c68 -5px 3px 5px;
+}
+.app_subhdr{
+    grid-area: slogan;
+    margin: 0px;
+    font-family: 'Audiowide', cursive;
+    font-size: 18px;
+    text-shadow: #4c5c68 -5px 3px 5px;
+    text-align: end;
+}
+.app_body{
+    display: grid;
+    grid-area: app_body;
+    grid-template-columns: 20% 80%;
+    grid-template-areas: "left_col  shelf";
+}
+.app_footer{
+    grid-area: app_footer;
+}
+.left_col{
+    grid-area: left_col
+}
+.shelf{
+    grid-area: shelf;
+    margin: 0px auto 0px auto;
+}
+.shelf_contents{
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+.right_col{
+    grid-area: right_col
+}
+.python_logo{
+
+}
+#python_logo{
+    height: 50px;
+    width: 91px;
+}