update style.css

blog/static/style.css

@@ -14,6 +14,9 @@ body {
 
 .pers_greet {
   padding-left: 20px;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 35px;
+  font-weight: 700;
 }
 
 a {
@@ -26,6 +29,11 @@ input {
 
 .post-header {
   padding-left: 20px;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.detailed_description {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
 }
 
 .footer {
@@ -33,12 +41,9 @@ input {
   bottom: 0;
   width: calc(100% - 20px);
   height: 200px;
-  background: #f5dfb6;
+  background: rgb(238, 229, 204);
   padding-left: 20px;
-  font-size: 20px;
-}
-
-.footer a {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   font-size: 20px;
 }
 
@@ -73,16 +78,18 @@ select {
 
 .nav {
   margin: 0;
-  padding: 0;
-  background: #f5dfb6;
+  padding-bottom: 10px;
+  background: #a4bddb;
   font-size: 24px;
-  width: 100%;
+  width: calc(100% - 40px);
   border: 1px solid #42432d;
   border-width: 1px 0;
   list-style-type: none;
   display: flex;
   border: none;
   justify-content: space-around;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 25px;
 }
 
 .nav li {
@@ -102,7 +109,6 @@ select {
   max-width: 500px;
   background: #f7f7f7;
   padding: 25px 15px 25px 10px;
-  font: 24px;
   color: #888;
   text-shadow: 1px 1px 1px #fff;
   border: 1px solid #e4e4e4;
@@ -110,8 +116,31 @@ select {
   border-radius: 10px;
 }
 
+#title,
+#description,
+#content,
+#email,
+#password,
+#password2,
+#submit,
+#username,
+#score {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 15px;
+}
+
+.comment_text, .post_rating {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 15px;
+}
+
+.detailed_description {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
 .form input {
-  border: 1px solid #dadada;
+  border: 3px solid #dadada;
   color: #888;
   height: 30px;
   margin-bottom: 16px;
@@ -122,7 +151,7 @@ select {
   width: 70%;
   font-size: 24px;
   line-height: 15px;
-  box-shadow: inset 0px 1px 4px #ececec;
+  box-shadow: inset 0px 1px 4px #a4bddb;
 }
 
 .blog_post {
@@ -196,7 +225,17 @@ select {
 }
 
 hr {
-  background: #f5dfb6;
+  background: #a4bddb;
   height: 3px;
   border: none;
 }
+
+label {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 15px;
+}
+
+#submit {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 15px;
+}