diff --git a/static/client.css b/static/client.css
new file mode 100644
index 0000000000000000000000000000000000000000..d11b86fe14e5bd0cf681ad738002d58ab6730f37
--- /dev/null
+++ b/static/client.css
@@ -0,0 +1,182 @@
+body {
+  background-color: lightblue;
+}
+
+#welcome {
+  margin-top: 100px
+}
+
+.parent {
+  display: flex;
+  width: 600px;
+  margin: auto;
+}
+
+.logo {
+  margin-right: 10px;
+  width: 340px;
+}
+
+#forms {
+  width: 250px;
+  overflow-y: scroll;
+  overflow-x: clip;
+  height: 400px;
+}
+
+.formElement {
+  margin: 10px;
+}
+
+#forms .formElement {
+  display: flex;
+  margin: 2px;
+}
+
+#forms .formElement * {
+  width: 50%;
+}
+
+#forms input[type=submit] {
+  width: 100px;
+  margin-left: 70px;
+}
+
+#forms h3 {
+  margin-top: 0;
+  margin-bottom: 1px;
+}
+
+.formElementError {
+  color: red;
+  font-size: small;
+  text-align: center;
+}
+
+.formElementSuccess {
+  color: green;
+  font-size: small;
+  text-align: center;
+}
+
+#home {
+  margin: auto;
+}
+
+.tabs {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: black;
+}
+
+.tabs li {
+  float: left;
+  cursor: pointer;
+}
+
+.tabs li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 16px;
+  text-decoration: none;
+}
+
+.tabs li:hover {
+  background-color: darkgray;
+}
+
+.tabsDetails {
+  display: none;
+}
+
+.tabsDetails.active {
+  display: block;
+}
+
+.tabButton.active {
+  background-color: darkgray;
+}
+
+#changePasswordButton {
+  padding: 5px;
+  cursor: pointer;
+}
+
+.changePasswordNewSuccess {
+  color: green;
+}
+
+#signOutButton {
+  margin-top: 15px;
+  padding: 5px;
+  cursor: pointer;
+}
+
+#tabHomeUserInfoList {
+  background: beige;
+  padding: 20px;
+  list-style-type: none;
+}
+
+#tabHomeUserInfoList li {
+  background: bisque;
+  color: darkred;
+  padding: 5px;
+}
+
+#userPostFormTextarea {
+  width: 100%;
+}
+
+#userPostFormButton {
+  margin-top: 15px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 15px 20px;
+  cursor: pointer;
+  width: 100px;
+}
+
+.userPostFormTextareaSuccess {
+  font-size: small;
+  color: green;
+}
+
+#userPostsList {
+  background: whitesmoke;
+  padding: 20px;
+  list-style-type: none;
+}
+
+#userPostsList li {
+  background: bisque;
+  color: black;
+  padding: 5px;
+}
+
+#userPostReloadButton {
+  margin-top: 15px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 15px 20px;
+  cursor: pointer;
+  width: 100px;
+}
+
+#browseUserEmail {
+  padding: 5px 10px;
+}
+#browseUserButton, #userPostFormBrosweButton {
+  padding: 10px;
+  margin: 15px 0;
+}
+
+#browseUserDetailsPosts,
+#browseUserDetailsInfo {
+  background: azure;
+  list-style: none;
+  padding: 0;
+}