diff --git a/static/css/adminPanel.css b/static/css/adminPanel.css
deleted file mode 100644
index a8cfc647..00000000
--- a/static/css/adminPanel.css
+++ /dev/null
@@ -1,67 +0,0 @@
-a {
-  margin-left: 0rem !important;
-}
-
-section p {
-  width: 50rem !important;
-}
-
-.toPanel {
-  font-size: 1.5rem;
-  font-weight: bold;
-}
-
-.deleteUserButton {
-  font-size: 1rem;
-}
-
-.deleteUserButton,
-.toPanel {
-  cursor: pointer;
-}
-
-.userContainer {
-  display: block;
-  text-align: center;
-  border: 1px solid var(--primaryColor);
-  border-radius: 0.5rem;
-  width: fit-content;
-  padding: 1rem;
-  margin: 1rem auto 1rem auto;
-}
-
-.userContainer .picture {
-  width: 2rem;
-  height: 2rem;
-}
-
-.stats {
-  display: flex;
-  width: 22rem;
-  justify-content: space-between;
-}
-
-.stats p,
-.stats a {
-  text-align: left;
-  margin-left: 1rem;
-}
-
-.toPanelsContainer {
-  text-align: center;
-  transform: translate(-50%, -50%);
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  padding: 1rem;
-}
-
-@media screen and (max-width: 600px) {
-  .userContainer {
-    width: 90%;
-  }
-
-  .stats {
-    width: 100%;
-  }
-}
diff --git a/static/css/changeProfilePicture.css b/static/css/changeProfilePicture.css
deleted file mode 100644
index af11a734..00000000
--- a/static/css/changeProfilePicture.css
+++ /dev/null
@@ -1,8 +0,0 @@
-p {
-  margin: 0.5rem;
-}
-
-.seedForm {
-  width: fit-content;
-  margin: 1rem auto 0 auto;
-}
diff --git a/static/css/changeTheme.css b/static/css/changeTheme.css
deleted file mode 100644
index 75712532..00000000
--- a/static/css/changeTheme.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.changeThemeContainer {
-    position: relative;
-    user-select: none;
-}
-
-.changeTheme {
-    font-size: 1rem;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    margin: 0;
-}
-
-@media screen and (min-width: 968px) {
-    .changeTheme:hover {
-        font-size: 1.5rem;
-    }
-
-}
\ No newline at end of file
diff --git a/static/css/dashboard.css b/static/css/dashboard.css
deleted file mode 100644
index 5a92d331..00000000
--- a/static/css/dashboard.css
+++ /dev/null
@@ -1,23 +0,0 @@
-button {
-  margin: 0 !important;
-}
-
-section,
-.info {
-  display: flex;
-  justify-content: space-between;
-}
-
-.content {
-  -webkit-line-clamp: 2;
-}
-
-.info p {
-  margin: 1rem 0 0 0;
-  font-size: 0.8rem;
-}
-
-.userDashboardNoPost {
-  width: fit-content;
-  margin: 2rem auto 2rem auto;
-}
diff --git a/static/css/flash.css b/static/css/flash.css
deleted file mode 100644
index a574ba75..00000000
--- a/static/css/flash.css
+++ /dev/null
@@ -1,45 +0,0 @@
-#flash {
-    text-align: center;
-    border-radius: 1rem;
-    padding: 0.5rem;
-    user-select: none;
-}
-
-.error {
-    background-color: #ED1C24;
-}
-
-.success {
-    background-color: #00A550;
-}
-
-.flashContainer {
-    width: 10rem;
-    text-align: center;
-    transform: translate(-50%, -50%);
-    position: absolute;
-    top: 15%;
-    left: 50%;
-    -moz-animation: cssAnimation 0s ease-in 2.5s forwards;
-    -webkit-animation: cssAnimation 0s ease-in 2.5s forwards;
-    -o-animation: cssAnimation 0s ease-in 2.5s forwards;
-    animation: cssAnimation 0s ease-in 2.5s forwards;
-    -webkit-animation-fill-mode: forwards;
-    animation-fill-mode: forwards;
-}
-
-@keyframes cssAnimation {
-    to {
-        width: 0;
-        height: 0;
-        overflow: hidden;
-    }
-}
-
-@-webkit-keyframes cssAnimation {
-    to {
-        width: 0;
-        height: 0;
-        visibility: hidden;
-    }
-}
\ No newline at end of file
diff --git a/static/css/general.css b/static/css/general.css
deleted file mode 100644
index 35262a77..00000000
--- a/static/css/general.css
+++ /dev/null
@@ -1,140 +0,0 @@
-:root {
-  --themePrimary: #000;
-  --themeSecondary: #fff;
-  --themeHelper: #303030;
-  --primaryColor: #ff206e;
-  --primaryHelper: #FF4F8C;
-}
-
-* {
-  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: var(--themePrimary);
-}
-
-html {
-  font-size: 125% !important;
-}
-
-body {
-  background-color: var(--themeSecondary);
-}
-
-a {
-  text-decoration: none;
-  user-select: none;
-}
-
-*::-webkit-scrollbar {
-  width: 0.4rem;
-}
-
-*::-webkit-scrollbar-thumb {
-  border-radius: 1rem;
-  background: var(--themePrimary);
-}
-
-*::-webkit-scrollbar-track,
-*::-webkit-scrollbar-button {
-  background: transparent;
-}
-
-button {
-  background-color: transparent;
-  border: 0;
-}
-
-.form {
-  height: fit-content;
-  width: fit-content;
-}
-
-.input {
-  margin-bottom: 1rem;
-  border: 0px;
-  height: 2rem;
-  width: 14rem;
-  text-align: center;
-  display: block;
-  color: var(--themePrimary);
-  background-color: transparent;
-  font-size: 1rem;
-  border-bottom: 1px solid var(--themePrimary);
-  transition: 0.4s;
-  border-radius: 0.1rem;
-}
-
-.centeredHorizontally {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.input:focus {
-  outline: none;
-  border-color: var(--primaryColor);
-}
-
-.btn {
-  height: fit-content;
-  width: fit-content;
-  border-radius: 2rem;
-  border: 0px;
-  transition: 0.25s;
-  font-weight: 500;
-  cursor: pointer;
-  font-size: 0.9rem;
-  text-align: center;
-  margin: 0rem 0.25rem;
-}
-
-.btnPrimary {
-  padding: 0.5rem 1rem 0.5rem 1rem;
-  color: var(--themeSecondary);
-  background-color: var(--themePrimary);
-}
-
-.btnLink {
-  background-color: transparent;
-}
-
-.btnPrimary:hover {
-  background-color: var(--themeHelper);
-}
-
-.btnLink:hover {
-  color: var(--themeHelper);
-}
-
-.textPrimary {
-  color: var(--primaryColor);
-  transition: 0.25s;
-}
-
-.textPrimary:hover {
-  color: var(--primaryHelper);
-}
-
-.errorMessage, .formPost {
-  text-align: center;
-  margin-top: 6rem;
-}
-
-.textCenter {
-  text-align: center;
-}
-
-.goBackToAdmin {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-
-}
-
-@media screen and (max-width: 600px) {
-  body {
-    max-width: 100% !important;
-  }
-
-  .navbar * {
-    width: 100% !important;
-  }
-}
\ No newline at end of file
diff --git a/static/css/index.css b/static/css/index.css
deleted file mode 100644
index 77153cad..00000000
--- a/static/css/index.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.post {
-  max-width: 35rem;
-  max-height: fit-content;
-  margin-top: 2rem;
-  border: 1px solid var(--themePrimary);
-  border-radius: 1rem;
-  padding: 1rem;
-}
-
-.content {
-  display: -webkit-box;
-  overflow: hidden;
-  -webkit-line-clamp: 8;
-  -webkit-box-orient: vertical;
-  margin: 1rem 0rem;
-}
-
-.content p {
-  display: inline;
-}
-
-.title {
-  font-size: 1.5rem;
-}
\ No newline at end of file
diff --git a/static/css/navbar.css b/static/css/navbar.css
deleted file mode 100644
index 3539bf38..00000000
--- a/static/css/navbar.css
+++ /dev/null
@@ -1,115 +0,0 @@
-.navbar {
-  align-items: center;
-  display: flex;
-  width: 100%;
-  justify-content: space-around;
-  padding-top: 1rem;
-  user-select: none;
-}
-
-.btns {
-  margin-right: 12rem;
-  order: 5;
-}
-
-.btnHome {
-  margin-left: 12rem;
-  order: 1;
-  font-size: 2rem;
-  font-weight: 550;
-}
-
-.fa-solid {
-  transition: 0.25s;
-  margin-left: 0.25rem;
-}
-
-.fa-solid:hover {
-  color: var(--themeHelper);
-}
-
-.profilePicture {
-  height: 1rem;
-  width: 1rem;
-  display: inline-block;
-}
-
-.user {
-  text-align: center;
-  display: inline-block;
-  height: fit-content;
-}
-
-.profileText {
-  margin: 0;
-  padding-left: 0;
-  color: var(--themeSecondary);
-}
-
-#searchInput {
-  display: inline-block;
-  margin-right: 0.5rem;
-}
-
-.hamburger {
-  position: relative;
-  display: none;
-  width: fit-content;
-}
-
-.hamburgerContent {
-  display: none;
-  position: absolute;
-  background-color: var(--themeSecondary);
-  min-width: 160px;
-  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-  z-index: 1;
-}
-
-.hamburgerContent a {
-  color: var(--themePrimary);
-  padding: 12px 16px;
-  text-decoration: none;
-  display: block;
-}
-
-.show {
-  display: block;
-}
-
-.hamburgerBtn {
-  font-size: 1rem;
-  text-align: right;
-  width: fit-content !important;
-  margin-left: 5rem;
-}
-
-@media screen and (max-width: 1068px) {
-  .btnHome {
-    margin: 0 1rem 0 0;
-  }
-
-  .btns,
-  .searchBar {
-    display: none;
-  }
-
-  .hamburger {
-    display: inline-block;
-  }
-
-  .searchBarPage {
-    display: block;
-  }
-}
-
-@media (min-width: 1068px) and (max-width: 1600px) {
-  .btnHome,
-  .btns {
-    margin-right: 2rem;
-  }
-
-  .btnHome {
-    margin-left: 1rem;
-  }
-}
diff --git a/static/css/search.css b/static/css/search.css
deleted file mode 100644
index ced05a35..00000000
--- a/static/css/search.css
+++ /dev/null
@@ -1,24 +0,0 @@
-h3, h2 {
-    margin-left: auto;
-    margin-right: auto;
-    width: fit-content;
-}
-
-.post img {
-    width: 5rem;
-    height: 5rem;
-}
-
-.userBox {
-    width: fit-content;
-    padding-bottom: 0.3rem;
-}
-
-.container {
-    text-align: center;
-    transform: translate(-50%, -50%);
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    padding: 1rem;
-}
\ No newline at end of file
diff --git a/static/css/submit.css b/static/css/submit.css
deleted file mode 100644
index 1c12a629..00000000
--- a/static/css/submit.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.container {
-    text-align: center;
-    transform: translate(-50%, -50%);
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    padding: 1rem;
-}
-
-#passwordReset {
-    display: block;
-    font-size: 0.75rem;
-    margin-top: 0.5rem;
-}
\ No newline at end of file
diff --git a/static/css/user.css b/static/css/user.css
deleted file mode 100644
index 32e34dab..00000000
--- a/static/css/user.css
+++ /dev/null
@@ -1,108 +0,0 @@
-h1 {
-    width: 36rem;
-    margin: 1rem 0 0 0;
-}
-
-h2 {
-    font-size: 2rem;
-}
-
-.head img, h2 {
-    display: inline-block;
-}
-
-.container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding-top: 2rem;
-}
-
-.userProfilePicture {
-    height: 6rem;
-    width: 6rem;
-    border: 1px solid var(--primaryColor);
-    border-radius: 1rem;
-    padding: 1rem;
-}
-
-.userName {
-    margin: 6rem 0 0 1rem;
-}
-
-.head {
-    display: flex;
-    width: 20rem;
-    margin: 2rem 0 2rem 0;
-}
-
-
-.stats {
-    display: flex;
-    width: 22rem;
-    justify-content: space-between;
-}
-
-.stats p, .stats a {
-    text-align: left;
-    margin-left: 1rem;
-}
-
-.content {
-    -webkit-line-clamp: 4;
-}
-
-.comment {
-    display: flex;
-    justify-content: space-between;
-}
-
-.commentCreationDate {
-    margin-right: 1rem;
-}
-
-@media screen and (max-width: 600px) {
-    .userName {
-        display: block;
-        font-size: 1.5rem;
-        margin-top: 0;
-    }
-
-    .userProfilePicture {
-        display: block;
-    }
-
-    .stats {
-        width: 100%;
-        margin: 0;
-    }
-
-    .stats * {
-        margin: 0 0 0.5rem 0 !important;
-
-    }
-
-    .container {
-        display: block;
-        width: 100%;
-    }
-
-    .userContainer {
-        padding: 1rem;
-    }
-
-    .userProfilePicture {
-        height: 3rem;
-        width: 3rem;
-    }
-
-    .head {
-        display: block;
-        text-align: center;
-        width: 100%;
-    }
-
-    .postsText, .commentsText {
-        width: fit-content;
-    }
-}
\ No newline at end of file
diff --git a/static/js/changeTheme.js b/static/js/changeTheme.js
index a670bda1..7d175a0a 100644
--- a/static/js/changeTheme.js
+++ b/static/js/changeTheme.js
@@ -1,29 +1 @@
-var root = document.querySelector(":root");
-var changeTheme = document.querySelector(".changeTheme");
-
-var theme;
-
-if (localStorage.getItem(theme) === "dark") {
-  toDark()
-}
-else if (localStorage.getItem(theme) === "light") {
-  toLight()
-}
-
-function toLight() {
-  localStorage.setItem(theme, "light");
-  root.style.setProperty("--themePrimary", "#000");
-  root.style.setProperty("--themeSecondary", "#fff");
-  root.style.setProperty("--themeHelper", "#303030");
-  changeTheme.innerHTML = "🌞";
-  changeTheme.setAttribute("onclick", "javascript: toDark();")
-}
-
-function toDark() {
-  localStorage.setItem(theme, "dark");
-  root.style.setProperty("--themePrimary", "#fff");
-  root.style.setProperty("--themeSecondary", "#000");
-  root.style.setProperty("--themeHelper", "#C6C6C6")
-  changeTheme.innerHTML = "🌚";
-  changeTheme.setAttribute("onclick", "javascript: toLight();")
-}
+// 🚀
diff --git a/templates/404.html b/templates/404.html
index 9b633bf5..32e46d1f 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -5,10 +5,10 @@
   href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔎</text></svg>"
 />
 {% endblock head %} {%block body%}
-<div class="errorMessage">
+<div>
   <h1>I don't know what is</h1>
-  <h1 class="textPrimary">{{ request.path }}</h1>
+  <h1>{{ request.path }}</h1>
   <h1>sorry :(</h1>
-  <a href="/" class="btn btnLink"><h3 class="textPrimary">home</h3></a>
+  <a href="/"><h3>home</h3></a>
 </div>
 {% endblock body %}
diff --git a/templates/accountSettings.html b/templates/accountSettings.html
index 432fd3de..eba0fd4f 100644
--- a/templates/accountSettings.html
+++ b/templates/accountSettings.html
@@ -1,26 +1,20 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Account Settings</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/adminPanel.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="toPanelsContainer">
+<div>
   <h2>
-    <a href="/changeusername" class="toPanel textPrimary">change username</a>
+    <a href="/changeusername">change username</a>
   </h2>
   <h2>
-    <a href="/changepassword" class="toPanel textPrimary">change password</a>
+    <a href="/changepassword">change password</a>
   </h2>
   <h2>
-    <a href="/changeprofilepicture" class="toPanel textPrimary"
-      >change profile picture</a
-    >
+    <a href="/changeprofilepicture">change profile picture</a>
   </h2>
   <h2>
     <form method="post">
       <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-      <button type="submit" name="userDeleteButton" class="toPanel textPrimary">
+      <button type="submit" name="userDeleteButton">
         delete account
       </button>
     </form>
diff --git a/templates/adminPanel.html b/templates/adminPanel.html
index a72da51a..d59f18f4 100644
--- a/templates/adminPanel.html
+++ b/templates/adminPanel.html
@@ -1,19 +1,15 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Admin Panel</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/adminPanel.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="toPanelsContainer">
+<div>
   <h1>
-    <a href="admin/users" class="toPanel textPrimary">Users</a>
+    <a href="admin/users">Users</a>
   </h1>
   <h1>
-    <a href="admin/posts" class="toPanel textPrimary">Posts</a>
+    <a href="admin/posts">Posts</a>
   </h1>
   <h1>
-    <a href="admin/comments" class="toPanel textPrimary">Comments</a>
+    <a href="admin/comments">Comments</a>
   </h1>
 </div>
 
diff --git a/templates/adminPanelComments.html b/templates/adminPanelComments.html
index 5dfc1ff7..f7c38488 100644
--- a/templates/adminPanelComments.html
+++ b/templates/adminPanelComments.html
@@ -1,50 +1,34 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Admin Panel --> Comments</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/index.css') }}"
-/>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/dashboard.css') }}"
-/>
 {% endblock head %} {%block body%}
-<h1 class="textCenter">Comments</h1>
+<h1>Comments</h1>
 {% for comment in comments %}
-<div class="post centeredHorizontally">
+<div>
   <h3>
     Post ID:
-    <a class="title textPrimary" href="/post/{{comment[0]}} ">{{comment[1]}}</a>
+    <a href="/post/{{comment[0]}} ">{{comment[1]}}</a>
   </h3>
-  <div class="content" tag="content">{{comment[2]}}</div>
+  <div tag="content">{{comment[2]}}</div>
   <section>
     <form method="post">
       <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
       <input type="hidden" name="commentID" value="{{comment[0]}}" />
-      <button
-        type="submit"
-        name="commentDeleteButton"
-        class="btn btnLink textPrimary"
-      >
+      <button type="submit" name="commentDeleteButton">
         delete
       </button>
     </form>
   </section>
-  <div class="info">
+  <div>
     <p>Creation Time: {{comment[5]}}</p>
     <p>Creation Date: {{comment[4]}}</p>
   </div>
   {% if request.path == "/admin/comments" %}
   <p>
     Author:
-    <a href="/user/{{comment[3].lower()}}" class="textPrimary"
-      >{{comment[3]}}</a
-    >
+    <a href="/user/{{comment[3].lower()}}">{{comment[3]}}</a>
   </p>
   {% endif %}
 </div>
 {% endfor %} {% if request.path == "/admin/comments" %}
-<a href="/admin" class="btn btnLink textPrimary goBackToAdmin"
-  >↩️go back to admin panel</a
->
+<a href="/admin">↩️go back to admin panel</a>
 {% endif %} {% endblock body %}
diff --git a/templates/adminPanelUsers.html b/templates/adminPanelUsers.html
index 331ff851..709b3ae4 100644
--- a/templates/adminPanelUsers.html
+++ b/templates/adminPanelUsers.html
@@ -1,51 +1,41 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Admin Panel</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/adminPanel.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="usersContainer">
-  <h1 class="textCenter">Users</h1>
+<div>
+  <h1>Users</h1>
   {% for user in users %}
-  <div class="userContainer">
-    <section class="stats">
+  <div>
+    <section>
       <p>ID: {{user[0]}}</p>
       <p>Role: {{user[5]}}</p>
     </section>
-    <section class="stats">
+    <section>
       <p>
         User Name:
-        <a href="/user/{{user[1].lower()}}" class="textPrimary">{{user[1]}}</a>
+        <a href="/user/{{user[1].lower()}}">{{user[1]}}</a>
       </p>
-      <img src="{{user[4]}}" alt="{{user[1]}}" class="picture" />
+      <img src="{{user[4]}}" alt="{{user[1]}}" />
     </section>
-    <section class="stats">
+    <section>
       <p>email: {{user[2]}}</p>
       <p>Points: {{user[6]}}</p>
     </section>
-    <section class="stats">
+    <section>
       <p>Join Date: {{user[7]}}</p>
       <p>Join Time: {{user[8]}}</p>
     </section>
-    <section class="stats">
+    <section>
       <form method="post">
         <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
         <input type="hidden" name="userName" value="{{user[1]}}" />
-        <button
-          type="submit"
-          name="userDeleteButton"
-          class="textPrimary deleteUserButton"
-        >
+        <button type="submit" name="userDeleteButton">
           delete user
         </button>
       </form>
       {% if user[5] == "admin" %}
-      <a href="/setuserrole/{{user[1].lower()}}/user" class="textPrimary"
-        >set user role to user</a
-      >
+      <a href="/setuserrole/{{user[1].lower()}}/user">set user role to user</a>
       {% else %}
-      <a href="/setuserrole/{{user[1].lower()}}/admin" class="textPrimary"
+      <a href="/setuserrole/{{user[1].lower()}}/admin"
         >set user role to admin</a
       >
       {% endif %}
@@ -53,5 +43,5 @@ <h1 class="textCenter">Users</h1>
   </div>
   {% endfor %}
 </div>
-<a href="/admin" class="btn btnLink textPrimary">↩️go back to admin panel</a>
+<a href="/admin">↩️go back to admin panel</a>
 {% endblock body %}
diff --git a/templates/changePassword.html b/templates/changePassword.html
index c64a8d7b..6112a7d1 100644
--- a/templates/changePassword.html
+++ b/templates/changePassword.html
@@ -1,16 +1,11 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Change Password</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/submit.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="container">
-  <form method="post" class="form">
+<div>
+  <form method="post">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-    {{form.oldPassword(class_="input")}} {{form.password(class_="input")}}
-    {{form.passwordConfirm(class_="input")}}
-    <button type="submit" class="btn btnPrimary">change my password</button>
+    {{form.oldPassword()}} {{form.password()}} {{form.passwordConfirm()}}
+    <button type="submit">change my password</button>
   </form>
 </div>
 {% endblock body %}
diff --git a/templates/changeProfilePicture.html b/templates/changeProfilePicture.html
index 97a78917..7dd51a62 100644
--- a/templates/changeProfilePicture.html
+++ b/templates/changeProfilePicture.html
@@ -1,15 +1,7 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Change Profile Picture</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/submit.css') }}"
-/>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/changeProfilePicture.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="container">
+<div>
   <div>
     <p>https://api.dicebear.com/7.x/identicon/svg?seed={SEED}</p>
     <small>default seed is your username</small><br />
@@ -17,11 +9,11 @@
       ><small>click for more information about profile picture seeds</small></a
     >
   </div>
-  <div class="seedForm">
-    <form method="post" class="form">
+  <div>
+    <form method="post">
       <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-      {{form.newProfilePictureSeed(class_="input")}}
-      <button type="submit" class="btn btnPrimary">
+      {{form.newProfilePictureSeed()}}
+      <button type="submit">
         Set Profile Picture Seed
       </button>
     </form>
diff --git a/templates/changeTheme.html b/templates/changeTheme.html
index 7dac78f9..8b137891 100644
--- a/templates/changeTheme.html
+++ b/templates/changeTheme.html
@@ -1,8 +1 @@
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/changeTheme.css') }}"
-/>
-<section class="changeThemeContainer">
-  <button class="changeTheme btn" onclick="toDark()">🌞</button>
-  <script src="{{ url_for('static', filename='js/changeTheme.js') }}"></script>
-</section>
+
diff --git a/templates/changeUserName.html b/templates/changeUserName.html
index 14d19ea6..6bd72688 100644
--- a/templates/changeUserName.html
+++ b/templates/changeUserName.html
@@ -1,15 +1,11 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Change Username</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/submit.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="container">
-  <form method="post" class="form">
+<div>
+  <form method="post">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-    {{form.newUserName(class_="input")}}
-    <button type="submit" class="btn btnPrimary">change my username</button>
+    {{form.newUserName()}}
+    <button type="submit">change my username</button>
   </form>
 </div>
 {% endblock body %}
diff --git a/templates/createPost.html b/templates/createPost.html
index 027defc9..ce8587a6 100644
--- a/templates/createPost.html
+++ b/templates/createPost.html
@@ -1,15 +1,14 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Create Post</title>
 {% endblock head %} {%block body%}
-<div class="container">
-  <form method="post" class="form formPost centeredHorizontally">
+<div>
+  <form method="post">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-    {{form.postTitle(class_="input centeredHorizontally" , autocomplete="off")}}
-    {{form.postTags(class_="input centeredHorizontally" , autocomplete="off")}}
+    {{form.postTitle(autocomplete="off")}} {{form.postTags(autocomplete="off")}}
     <small>(separete with comma)</small>
     {{form.postContent(class_="editor", autocomplete="off")}}
-    <button type="submit" class="btn btnPrimary">Post</button>
+    <button type="submit">Post</button>
   </form>
 </div>
 {% endblock body %}
diff --git a/templates/dashboard.html b/templates/dashboard.html
index 40af3f9b..b4bda977 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -3,73 +3,60 @@
 <title>Admin Panel --> Posts</title>
 {% else %}
 <title>{{session["userName"]}}'s Dashboard</title>
-{% endif %}
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/index.css') }}"
-/>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/dashboard.css') }}"
-/>
-{% endblock head %} {%block body%} {% if showPosts %}
-<h1 class="textCenter">Posts</h1>
+{% endif %} {% endblock head %} {%block body%} {% if showPosts %}
+<h1>Posts</h1>
 {% for post in posts %}
-<div class="post centeredHorizontally">
-  <a class="title textPrimary" href="/post/{{post[0]}} ">{{post[1]}}</a>
-  <div class="content" tag="content">{{post[3]|safe}}</div>
+<div>
+  <a href="/post/{{post[0]}} ">{{post[1]}}</a>
+  <div tag="">{{post[3]|safe}}</div>
   <section>
-    <a href="/editpost/{{post[0]}}" class="btn btnLink textPrimary">edit</a>
+    <a href="/editpost/{{post[0]}}">edit</a>
     <form method="post">
       <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
       <input type="hidden" name="postID" value="{{post[0]}}" />
-      <button
-        type="submit"
-        name="postDeleteButton"
-        class="btn btnLink textPrimary"
-      >
+      <button type="submit" name="postDeleteButton">
         delete
       </button>
     </form>
   </section>
-  <div class="info">
+  <div>
     <p>Tags: {{post[2]}}</p>
     <p>Views: {{post[7]}}</p>
   </div>
-  <div class="info">
+  <div>
     <p>Creation Time: {{post[6]}}</p>
     <p>Last Edit Time: {{post[9]}}</p>
   </div>
-  <div class="info">
+  <div>
     <p>Creation Date: {{post[5]}}</p>
     <p>Last Edit Date: {{post[8]}}</p>
   </div>
   {% if request.path == "/admin/posts" %}
   <p>
     Author:
-    <a href="/user/{{post[4].lower()}}" class="textPrimary">{{post[4]}}</a>
+    <a href="/user/{{post[4].lower()}}">{{post[4]}}</a>
   </p>
   {% endif %}
 </div>
 {% endfor %} {% elif not showPosts %} {% if request.path == "/admin/posts" %}
 <h1>This user haven't posted yet.</h1>
 {% else %}
-<p class="userDashboardNoPost">
+<p>
   You don't have any posts. Do you want
-  <a href="/createpost" class="textPrimary">create a post</a> ?
+  <a href="/createpost">create a post</a> ?
 </p>
 {% endif %} {% endif %} {% if showComments and not request.path ==
 "/admin/posts"%}
-<h1 class="textCenter">Comments</h1>
+<h1>Comments</h1>
 {% for comment in comments %}
-<div class="post centeredHorizontally">
-  <div class="content" tag="content">{{comment[2]}}</div>
-  <section class="comment">
-    <p class="commentCreationDate">Creation Date: {{comment[4]}}</p>
-    <p class="commentCreationTime">Creation Time: {{comment[5]}}</p>
+<div>
+  <div tag="content">{{comment[2]}}</div>
+  <section>
+    <p>Creation Date: {{comment[4]}}</p>
+    <p>Creation Time: {{comment[5]}}</p>
   </section>
-  <a href="/post/{{comment[1]}}" class="btn btnLink textPrimary">go to post</a>
+  <a href="/post/{{comment[1]}}">go to post</a>
 </div>
 {% endfor %} {% endif %} {% if request.path == "/admin/posts" %}
-<a href="/admin" class="btn btnLink textPrimary">↩️go back to admin panel</a>
+<a href="/admin">↩️go back to admin panel</a>
 {% endif %} {% endblock body %}
diff --git a/templates/editPost.html b/templates/editPost.html
index c7101bc9..7bddbf30 100644
--- a/templates/editPost.html
+++ b/templates/editPost.html
@@ -1,14 +1,13 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Edit Post</title>
 {% endblock head %} {%block body%}
-<div class="container">
-  <form method="post" class="form formPost centeredHorizontally">
+<div>
+  <form method="post">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-    {{form.postTitle(class_="input centeredHorizontally" , autocomplete="off")}}
-    {{form.postTags(class_="input centeredHorizontally" , autocomplete="off")}}
+    {{form.postTitle(autocomplete="off")}} {{form.postTags(autocomplete="off")}}
     <small>(separete with comma)</small>
     {{form.postContent(class_="editor", autocomplete="off")}}
-    <button type="submit" class="btn btnPrimary">save</button>
+    <button type="submit">save</button>
   </form>
 </div>
 {% endblock body %}
diff --git a/templates/flash.html b/templates/flash.html
index 7bb81566..e7e6ad5f 100644
--- a/templates/flash.html
+++ b/templates/flash.html
@@ -1,10 +1,6 @@
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/flash.css') }}"
-/>
-<div class="flashContainer">
+<div>
   {% with messages = get_flashed_messages(with_categories=true) %} {% if
   messages %} {% for category, message in messages %}
-  <p class="{{ category }} " id="flash">{{ message }}</p>
+  <p class="{{ category }}" id="flash">{{ message }}</p>
   {% endfor %} {% endif %} {% endwith %}
 </div>
diff --git a/templates/index.html b/templates/index.html
index 8894fdf5..6a049103 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,13 +1,9 @@
 {% extends 'layout.html'%} {%block head%}
 <title>flaskBlog</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/index.css') }}"
-/>
 {% endblock head %} {%block body%} {% for post in posts %}
-<div class="post centeredHorizontally">
-  <a class="title textPrimary" href="post/{{post[0]}}">{{post[1]}}</a>
-  <div class="content" tag="content">{{post[3]|safe}}</div>
-  <a href="post/{{post[0]}}" class="btn btnLink">read more</a>
+<div>
+  <a href="post/{{post[0]}}">{{post[1]}}</a>
+  <div tag="content">{{post[3]|safe}}</div>
+  <a href="post/{{post[0]}}">read more</a>
 </div>
 {% endfor %} {% endblock body %}
diff --git a/templates/layout.html b/templates/layout.html
index 18cda1a2..d535fd48 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -4,10 +4,6 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link
-      rel="stylesheet"
-      href="{{ url_for('static', filename='css/general.css') }}"
-    />
     <link
       rel="icon"
       href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📜</text></svg>"
@@ -32,5 +28,6 @@
       rel="stylesheet"
       href="{{ url_for('static', filename='css/editor.css') }}"
     />
+    <script src="https://cdn.tailwindcss.com"></script>
   </body>
 </html>
diff --git a/templates/login.html b/templates/login.html
index 12283985..2978d692 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,15 +1,11 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Login</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/submit.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="container">
-  <form method="post" class="form">
+<div>
+  <form method="post">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-    {{form.userName(class_="input",autocomplete="off")}}{{form.password(autocomplete="off",class_="input")}}
-    <button type="submit" class="btn btnPrimary">Login</button>
+    {{form.userName(autocomplete="off")}}{{form.password(autocomplete="off")}}
+    <button type="submit">Login</button>
     <a href="/passwordreset/codesent=false" id="passwordReset"
       >Forgot password?</a
     >
diff --git a/templates/navbar.html b/templates/navbar.html
index d0290b1d..6d1c226a 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -2,51 +2,44 @@
   rel="stylesheet"
   href="{{ url_for('static', filename='css/navbar.css') }}"
 />
-<div class="navbar">
-  <a href="/"><h1 class="btn btnLink btnHome">flaskBlog</h1></a>
-  <div class="searchBar">
+<div>
+  <a href="/"><h1>flaskBlog</h1></a>
+  <div>
     <input
       type="text"
       id="searchInput"
-      class="input"
       autocomplete="off"
       placeholder="search"
-    /><button onclick="search()" class="btn">🔍</button>
+    /><button onclick="search()">🔍</button>
   </div>
-  <div class="btns">
+  <div>
     {% if session["userName"] %}
     <a href="/createpost">
-      <button class="btn btnLink">New Post</button>
+      <button>New Post</button>
     </a>
     <a href="/user/{{session['userName'].lower()}}">
-      <div class="btn btnPrimary user">
-        <img
-          class="profilePicture"
-          src="{{ getProfilePicture(session['userName']) }}"
-        />
-        <button class="btn profileText">{{session["userName"]}}</button>
+      <div>
+        <img src="{{ getProfilePicture(session['userName']) }}" />
+        <button>{{session["userName"]}}</button>
       </div>
     </a>
     <a href="/logout" title="logout">❌</a>
     {% elif hideLogin %}
-    <a href="/signup"><button class="btn btnLink">Sign Up</button></a>
+    <a href="/signup"><button>Sign Up</button></a>
     {% elif hideSignUp %}
-    <a href="/login/redirect=&"><button class="btn btnLink">Login</button></a>
+    <a href="/login/redirect=&"><button>Login</button></a>
     {%else%}
-    <a href="/login/redirect=&"><button class="btn btnLink">Login</button></a>
-    <a href="/signup"><button class="btn btnPrimary">Sign Up</button></a>
+    <a href="/login/redirect=&"><button>Login</button></a>
+    <a href="/signup"><button>Sign Up</button></a>
     {% endif %}
   </div>
-  <div class="hamburger">
-    <button onclick="hamburger()" class="hamburgerBtn">🍔</button>
+  <div>
+    <button onclick="hamburger()">🍔</button>
     <div id="hamburgerDropdown" class="hamburgerContent">
       {% if session["userName"] %}
       <a href="/user/{{session['userName'].lower()}}">
-        <div class="user">
-          <img
-            class="profilePicture"
-            src="{{ getProfilePicture(session['userName']) }}"
-          />
+        <div>
+          <img src="{{ getProfilePicture(session['userName']) }}" />
           {{session["userName"]}}
         </div>
       </a>
diff --git a/templates/passwordReset.html b/templates/passwordReset.html
index 99bf3b9b..009c0129 100644
--- a/templates/passwordReset.html
+++ b/templates/passwordReset.html
@@ -1,20 +1,15 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Password Reset</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/submit.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="container">
-  <form method="post" class="form">
+<div>
+  <form method="post">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-    {% if mailSent %} {{form.code(autocomplete="off",class_="input")}}
-    {{form.password(autocomplete="off",class_="input")}}
-    {{form.passwordConfirm(autocomplete="off",class_="input")}}
-    <button type="submit" class="btn btnPrimary">Reset password</button> {% else
-    %} {{form.userName(class_="input",autocomplete="off")}}
-    {{form.email(class_="input",autocomplete="off")}}
-    <button type="submit" class="btn btnPrimary">Send code</button>
+    {% if mailSent %} {{form.code(autocomplete="off")}}
+    {{form.password(autocomplete="off")}}
+    {{form.passwordConfirm(autocomplete="off")}}
+    <button type="submit">Reset password</button> {% else %}
+    {{form.userName(autocomplete="off")}} {{form.email(autocomplete="off")}}
+    <button type="submit">Send code</button>
     {% endif %}
   </form>
 </div>
diff --git a/templates/post.html b/templates/post.html
index aa60df7a..cf5e05c3 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -1,57 +1,42 @@
 {% extends 'layout.html'%} {%block head%}
 <title>{{title}}</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/post.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="post centeredHorizontally">
-  <h1 class="title">{{title}}</h1>
-  <p class="content">
+<div>
+  <h1>{{title}}</h1>
+  <p>
     {{content|safe}} <br />
     Tags: {{tags.replace(",",", ")}}
   </p>
-  <div class="bottomBar">
+  <div>
     <div>
       <h5>👁️ {{views}}</h5>
       <a href="/user/{{author|lower}}">
-        <h5 class="author">
-          <img
-            class="profilePicture"
-            src="{{ getProfilePicture(author) }}"
-          />{{author}}
-        </h5></a
+        <h5><img src="{{ getProfilePicture(author) }}" />{{author}}</h5></a
       >
     </div>
-    <div class="dateTime">
+    <div>
       <h5>{{time}}</h5>
-      <h5 class="date">{{date}}</h5>
+      <h5>{{date}}</h5>
     </div>
   </div>
   {% if author == session["userName"] %}
-  <div class="bottomBar">
+  <div>
     <form method="post">
       <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-      <button
-        type="submit"
-        class="btn btnLink textPrimary"
-        name="postDeleteButton"
-      >
+      <button type="submit" name="postDeleteButton">
         delete
       </button>
     </form>
 
-    <a href="/editpost/{{id}}" class="btn btnLink textPrimary">edit</a>
+    <a href="/editpost/{{id}}">edit</a>
   </div>
   {% endif %} {% for comment in comments %}
-  <div class="comments">
-    <img class="profilePicture" src="{{ getProfilePicture(comment[3]) }}" />
-    <section class="commentUserNameContainer">
-      <a href="/user/{{comment[3]|lower}}" class="commentUserName"
-        >{{comment[3]}} :</a
-      >
+  <div>
+    <img src="{{ getProfilePicture(comment[3]) }}" />
+    <section>
+      <a href="/user/{{comment[3]|lower}}">{{comment[3]}} :</a>
     </section>
-    <p class="centeredHorizontally">{{comment[2]}}</p>
+    <p>{{comment[2]}}</p>
     {% if session["userName"] == comment[3] %}
     <form method="post">
       <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
@@ -60,10 +45,10 @@ <h5 class="date">{{date}}</h5>
     </form>
     {% endif %} {% endfor %}
   </div>
-  <form method="post" class="commentForm">
+  <form method="post">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-    {% if session["userName"] %} {{form.comment(class_="comment")}}
-    <button type="submit" class="btnSubmit">comment</button>
+    {% if session["userName"] %} {{form.comment()}}
+    <button type="submit">comment</button>
     {% else %}
     <style>
       .commentForm {
@@ -71,8 +56,7 @@ <h5 class="date">{{date}}</h5>
       }
     </style>
     <small
-      >you need
-      <a href="/login/redirect=&post&{{id}}" class="linkLogin">login</a> for
+      >you need <a href="/login/redirect=&post&{{id}}">login</a> for
       comment</small
     >
     {% endif %}
diff --git a/templates/search.html b/templates/search.html
index e3c5ad01..00739f25 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -1,29 +1,21 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Search results for {{query}}</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/index.css') }}"
-/>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/search.css') }}"
-/>
 {% endblock head %} {%block body%}
 <h3>
   search results for
-  <h2 class="textPrimary">"{{query}}"</h2>
+  <h2>"{{query}}"</h2>
 </h3>
 {% if users %} {% for user in users %} {% for user in user %}
-<div class="post centeredHorizontally userBox">
+<div>
   <img src="{{user[4]}}" />
-  <a class="title textPrimary" href="/user/{{user[1]|lower}}">{{user[1]}}</a>
+  <a href="/user/{{user[1]|lower}}">{{user[1]}}</a>
 </div>
 {% endfor %} {% endfor %} {% endif %} {% if posts %} {% for post in posts %} {%
 for post in post %}
-<div class="post centeredHorizontally">
-  <a class="title textPrimary" href="/post/{{post[0]}}">{{post[1]}}</a>
-  <div class="content" tag="content">{{post[3]|safe}}</div>
-  <a href="/post/{{post[0]}}" class="btn btnLink">read more</a>
+<div>
+  <a href="/post/{{post[0]}}">{{post[1]}}</a>
+  <div tag="content">{{post[3]|safe}}</div>
+  <a href="/post/{{post[0]}}">read more</a>
 </div>
 {% endfor %} {% endfor %} {% endif %} {% if empty%}
 <h3>not found</h3>
diff --git a/templates/searchBar.html b/templates/searchBar.html
index 9f9613b0..79c779e0 100644
--- a/templates/searchBar.html
+++ b/templates/searchBar.html
@@ -1,23 +1,14 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Search</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/index.css') }}"
-/>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/search.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="container">
-  <div class="searchBar searchBarPage">
+<div>
+  <div>
     <input
       type="text"
       id="searchBarInput"
-      class="input"
       autocomplete="off"
       placeholder="search"
-    /><button onclick="searchBar()" class="btn">🔍</button>
+    /><button onclick="searchBar()">🔍</button>
   </div>
 </div>
 <script src="/static/js/searchBar.js"></script>
diff --git a/templates/signup.html b/templates/signup.html
index e7b26f57..e5abe0a0 100644
--- a/templates/signup.html
+++ b/templates/signup.html
@@ -1,17 +1,12 @@
 {% extends 'layout.html'%} {%block head%}
 <title>Signup</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/submit.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="container">
-  <form method="post" class="form">
+<div>
+  <form method="post">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-    {{form.userName(class_="input" , autocomplete="off")}}
-    {{form.email(class_="input",autocomplete="off")}}
-    {{form.password(class_="input")}} {{form.passwordConfirm(class_="input")}}
-    <button type="submit" class="btn btnPrimary">Signup</button>
+    {{form.userName( autocomplete="off")}} {{form.email(autocomplete="off")}}
+    {{form.password()}} {{form.passwordConfirm()}}
+    <button type="submit">Signup</button>
   </form>
 </div>
 {% endblock body %}
diff --git a/templates/user.html b/templates/user.html
index a4730165..d891f410 100644
--- a/templates/user.html
+++ b/templates/user.html
@@ -1,38 +1,26 @@
 {% extends 'layout.html'%} {%block head%}
 <title>{{user[1]}}</title>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/index.css') }}"
-/>
-<link
-  rel="stylesheet"
-  href="{{ url_for('static', filename='css/user.css') }}"
-/>
 {% endblock head %} {%block body%}
-<div class="container">
-  <div class="userContainer">
-    <section class="head">
-      <img src="{{user[4]}}" alt="{{user[1]}}" class="userProfilePicture" />
-      <h2 class="userName">{{user[1]}}</h2>
+<div>
+  <div>
+    <section>
+      <img src="{{user[4]}}" alt="{{user[1]}}" />
+      <h2>{{user[1]}}</h2>
     </section>
-    <section class="stats">
-      <p class="userRole">Role: {{user[5]}}</p>
-      <p class="userViews">Views: {{views}}</p>
+    <section>
+      <p>Role: {{user[5]}}</p>
+      <p>Views: {{views}}</p>
     </section>
-    <section class="stats">
-      <p class="userCreationDate">Join Date: {{user[7]}}</p>
-      <p class="userPoint">Points: {{user[6]}}</p>
+    <section>
+      <p>Join Date: {{user[7]}}</p>
+      <p>Points: {{user[6]}}</p>
     </section>
-    <section class="stats">
+    <section>
       {% if session["userName"] == user[1] %}
-      <a href="/accountsettings" class="btn btnLink textPrimary"
-        >account settings</a
-      >
-      <a href="/dashboard/{{user[1]}}" class="btn btnLink textPrimary"
-        >dashboard</a
-      >
+      <a href="/accountsettings">account settings</a>
+      <a href="/dashboard/{{user[1]}}">dashboard</a>
       {% endif %} {% if user[5] == "admin" and session["userName"] == user[1] %}
-      <a href="/admin" class="btn btnLink textPrimary">admin panel</a>
+      <a href="/admin">admin panel</a>
       {% endif %}
     </section>
     {% if "userName" in session and session['userName'] == "{{user[1]}}"%}
@@ -40,25 +28,23 @@ <h2 class="userName">{{user[1]}}</h2>
     {% endif %}
   </div>
   {% if showPosts %}
-  <h1 class="postsText">Posts</h1>
+  <h1>Posts</h1>
   {% for post in posts %}
-  <div class="post centeredHorizontally">
-    <a class="title textPrimary" href="/post/{{post[0]}}">{{post[1]}}</a>
-    <div class="content" tag="content">{{post[3]|safe}}</div>
-    <a href="/post/{{post[0]}}" class="btn btnLink">go to post</a>
+  <div>
+    <a href="/post/{{post[0]}}">{{post[1]}}</a>
+    <div tag="content">{{post[3]|safe}}</div>
+    <a href="/post/{{post[0]}}">go to post</a>
   </div>
   {% endfor %} {% endif %} {% if showComments %}
-  <h1 class="commentsText">Comments</h1>
+  <h1>Comments</h1>
   {% for comment in comments %}
-  <div class="post centeredHorizontally">
-    <div class="content" tag="content">{{comment[2]}}</div>
-    <section class="comment">
-      <p class="commentCreationDate">Creation Date: {{comment[4]}}</p>
-      <p class="commentCreationTime">Creation Time: {{comment[5]}}</p>
+  <div>
+    <div tag="content">{{comment[2]}}</div>
+    <section>
+      <p>Creation Date: {{comment[4]}}</p>
+      <p>Creation Time: {{comment[5]}}</p>
     </section>
-    <a href="/post/{{comment[1]}}" class="btn btnLink textPrimary"
-      >go to post</a
-    >
+    <a href="/post/{{comment[1]}}">go to post</a>
   </div>
   {% endfor %} {% endif %}
 </div>
diff --git a/templates/verifyUser.html b/templates/verifyUser.html
index 7152ed52..9ef0905c 100644
--- a/templates/verifyUser.html
+++ b/templates/verifyUser.html
@@ -5,13 +5,12 @@
   href="{{ url_for('static', filename='css/submit.css') }}"
 />
 {% endblock head %} {%block body%}
-<div class="container">
-  <form method="post" class="form">
+<div>
+  <form method="post">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-    {% if mailSent %} {{form.code(autocomplete="off",class_="input")}}
-    <button type="submit" class="btn btnPrimary">Verify Account</button> {% else
-    %}
-    <button type="submit" class="btn btnPrimary">
+    {% if mailSent %} {{form.code(autocomplete="off")}}
+    <button type="submit">Verify Account</button> {% else %}
+    <button type="submit">
       Click for send verification code
     </button>
     {% endif %}