diff --git a/daily-thought-frontend/src/styles/HiddenPost.module.css b/daily-thought-frontend/src/styles/HiddenPost.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..ee60577a30584320e72c6ce94fea42caefd0e7e8
--- /dev/null
+++ b/daily-thought-frontend/src/styles/HiddenPost.module.css
@@ -0,0 +1,34 @@
+.hiddenCard {
+  border-radius: 24px;
+  margin: 30px;
+  height: 300px;
+  max-height: 300px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  /* border: 16px solid transparent;
+  border-image-slice: 1; */
+
+  /* background: rgba(0, 0, 0, 0.13); */
+  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+  
+  /*backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px); */
+overflow: hidden;
+}
+
+.hiddenCardContent{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.title {
+  font-weight: bold;
+  font-size: larger;
+}
+
+.text {
+}
\ No newline at end of file
diff --git a/daily-thought-frontend/src/styles/Home.module.css b/daily-thought-frontend/src/styles/Home.module.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..9161a1f743cf656187c0bcdcc25249669298bb41 100644
--- a/daily-thought-frontend/src/styles/Home.module.css
+++ b/daily-thought-frontend/src/styles/Home.module.css
@@ -0,0 +1,3 @@
+.home{
+
+}
\ No newline at end of file
diff --git a/daily-thought-frontend/src/styles/Post.module.css b/daily-thought-frontend/src/styles/Post.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..27240d5ef10ee99ccd754abb412e96e257de1315
--- /dev/null
+++ b/daily-thought-frontend/src/styles/Post.module.css
@@ -0,0 +1,79 @@
+.post {
+  /* border: 1px solid black;
+  border-radius: 15px; */
+  display: flex;
+  flex-direction: column;
+  margin: 30px;
+  padding: 16px 8px;
+}
+
+.header {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 8px;
+  height: 48px;
+}
+
+.avatar {
+  color: white;
+  border-radius: 50%;
+  width: 48px;
+  height: 48px;
+  background-color: 'red';
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 8px;
+}
+
+.headerInfo {
+  height: 100%;
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+}
+
+.headerUserInfo {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+.name {
+  font-weight: bold;
+}
+
+.username {
+  height: 100%;
+  font-size: small;
+}
+
+.timestamp{
+  font-size: small;
+  display: flex;
+  align-items: flex-end;
+  height: 100%;
+  justify-content: end;
+}
+
+.postContentContainer {
+  padding: 12px 16px;
+  border-radius: 24px;
+  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+}
+
+.postContent {
+  padding: 8px;
+  padding-bottom: 4px;
+  font-size: large;
+}
+
+.postActions {
+  padding: 8px 8px;
+  display: flex;
+  width: 100%;
+  max-width: 200px;
+  justify-content: space-between;
+}
\ No newline at end of file
diff --git a/daily-thought-frontend/src/styles/PostAction.module.css b/daily-thought-frontend/src/styles/PostAction.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..20e6ad6550fdfec49be489f5b06ecc5464d940fb
--- /dev/null
+++ b/daily-thought-frontend/src/styles/PostAction.module.css
@@ -0,0 +1,3 @@
+.container {
+  margin-right: 8px;
+}
\ No newline at end of file
diff --git a/daily-thought-frontend/src/styles/globals.css b/daily-thought-frontend/src/styles/globals.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..d800dc7569d5cc7af9d7be69f8e421905619e2b5 100644
--- a/daily-thought-frontend/src/styles/globals.css
+++ b/daily-thought-frontend/src/styles/globals.css
@@ -0,0 +1,14 @@
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+html,
+body {
+  color: rgb(0,0,0);
+  max-width: 100vw;
+  overflow-x: hidden;
+  font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica',
+    'Arial', sans-serif;
+}
\ No newline at end of file