diff --git a/app/templates/style.css b/app/templates/style.css
new file mode 100644
index 0000000..b7140ff
--- /dev/null
+++ b/app/templates/style.css
@@ -0,0 +1,49 @@
+    /*header style*/
+header {
+   text-align: center; 
+   padding: 20px;
+   background-color: #bf5700;
+   color: #ffffff
+}
+/*navigation menu style*/
+nav {
+   text-align: center;
+   word-spacing: 30px;
+   Padding: 10px;
+
+
+}
+
+/*navigation bar style*/
+nav {
+   text-align: center;
+   word-spacing: 30px;
+   padding: 10px;
+   background-color: #bf5700
+}
+/*creating the two-column layout*/
+*{
+   box-sizing: border-box;
+}
+.row {
+   display: flex;
+   flex-wrap: wrap;
+}
+.post-text-box {
+   flex: 70%;
+   padding: 20px;
+}
+.profile {
+   flex: 70%;
+   padding: 20px;
+}
+/*profile image and heading style*/
+.profile img {
+   width: 120px;
+   display: block;
+   margin-left: 0;
+   margin-right: 0;
+}
+.profile h1 {
+   text-align: center;
+}