diff --git a/app/__init__.py b/app/__init__.py
index 2e0e841..ee3e9e2 100644
--- a/app/__init__.py
+++ b/app/__init__.py
@@ -9,7 +9,11 @@ login_manager = LoginManager()
 migrate = Migrate()
 
 def create_app(config_class=Config):
-    app = Flask(__name__, template_folder="../templates")
+    app = Flask(
+        __name__,
+        template_folder="../templates",
+        static_folder="../static"
+    )
     app.config.from_object(config_class)
 
     db.init_app(app)
diff --git a/templates/auth/login.html b/templates/auth/login.html
index 35adec8..01004b4 100644
--- a/templates/auth/login.html
+++ b/templates/auth/login.html
@@ -2,22 +2,22 @@
 {% block title %}Log In{% endblock %}
 {% block content %}
   <h2>Log In</h2>
-  <form method="POST" novalidate class="col-md-6">
+  <form method="POST" novalidate>
     {{ form.hidden_tag() }}
-    <div class="mb-3">
-      {{ form.email.label(class="form-label") }}
-      {{ form.email(class="form-control") }}
-      {% for error in form.email.errors %}<div class="text-danger small">{{ error }}</div>{% endfor %}
+    <div>
+      {{ form.email.label() }}
+      {{ form.email() }}
+      {% for error in form.email.errors %}<div class="error">{{ error }}</div>{% endfor %}
     </div>
-    <div class="mb-3">
-      {{ form.password.label(class="form-label") }}
-      {{ form.password(class="form-control") }}
-      {% for error in form.password.errors %}<div class="text-danger small">{{ error }}</div>{% endfor %}
+    <div>
+      {{ form.password.label() }}
+      {{ form.password() }}
+      {% for error in form.password.errors %}<div class="error">{{ error }}</div>{% endfor %}
     </div>
-    <div class="form-check mb-3">
-      {{ form.remember_me(class="form-check-input") }}
-      {{ form.remember_me.label(class="form-check-label") }}
+    <div>
+      {{ form.remember_me() }}
+      {{ form.remember_me.label() }}
     </div>
-    {{ form.submit(class="btn btn-primary") }}
+    {{ form.submit() }}
   </form>
 {% endblock %}
diff --git a/templates/auth/register.html b/templates/auth/register.html
index 86d6e1c..fab08b2 100644
--- a/templates/auth/register.html
+++ b/templates/auth/register.html
@@ -2,28 +2,28 @@
 {% block title %}Register{% endblock %}
 {% block content %}
   <h2>Create Account</h2>
-  <form method="POST" novalidate class="col-md-6">
+  <form method="POST" novalidate>
     {{ form.hidden_tag() }}
-    <div class="mb-3">
-      {{ form.username.label(class="form-label") }}
-      {{ form.username(class="form-control") }}
-      {% for error in form.username.errors %}<div class="text-danger small">{{ error }}</div>{% endfor %}
+    <div>
+      {{ form.username.label() }}
+      {{ form.username() }}
+      {% for error in form.username.errors %}<div class="error">{{ error }}</div>{% endfor %}
     </div>
-    <div class="mb-3">
-      {{ form.email.label(class="form-label") }}
-      {{ form.email(class="form-control") }}
-      {% for error in form.email.errors %}<div class="text-danger small">{{ error }}</div>{% endfor %}
+    <div>
+      {{ form.email.label() }}
+      {{ form.email() }}
+      {% for error in form.email.errors %}<div class="error">{{ error }}</div>{% endfor %}
     </div>
-    <div class="mb-3">
-      {{ form.password.label(class="form-label") }}
-      {{ form.password(class="form-control") }}
-      {% for error in form.password.errors %}<div class="text-danger small">{{ error }}</div>{% endfor %}
+    <div>
+      {{ form.password.label() }}
+      {{ form.password() }}
+      {% for error in form.password.errors %}<div class="error">{{ error }}</div>{% endfor %}
     </div>
-    <div class="mb-3">
-      {{ form.confirm_password.label(class="form-label") }}
-      {{ form.confirm_password(class="form-control") }}
-      {% for error in form.confirm_password.errors %}<div class="text-danger small">{{ error }}</div>{% endfor %}
+    <div>
+      {{ form.confirm_password.label() }}
+      {{ form.confirm_password() }}
+      {% for error in form.confirm_password.errors %}<div class="error">{{ error }}</div>{% endfor %}
     </div>
-    {{ form.submit(class="btn btn-primary") }}
+    {{ form.submit() }}
   </form>
 {% endblock %}
diff --git a/templates/base.html b/templates/base.html
index 92acdea..1a1bc35 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,29 +4,30 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% block title %}MyApp{% endblock %}</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
 </head>
 <body>
-  <nav class="navbar navbar-expand-lg navbar-light bg-light mb-4">
-    <div class="container">
-      <a class="navbar-brand" href="{{ url_for('main.index') }}">MyApp</a>
-      <div class="d-flex gap-2">
+  <nav class="nav">
+    <div class="wrap">
+      <a class="brand" href="{{ url_for('main.index') }}">MyApp</a>
+      <div class="nav-actions">
         {% if current_user.is_authenticated %}
-          <span class="navbar-text">Hi, {{ current_user.username }}</span>
-          <a class="btn btn-outline-secondary btn-sm" href="{{ url_for('auth.logout') }}">Log out</a>
+          <span class="text-muted">Hi, {{ current_user.username }}</span>
+          <a class="btn btn-ghost" href="{{ url_for('auth.logout') }}">Log out</a>
         {% else %}
-          <a class="btn btn-outline-primary btn-sm" href="{{ url_for('auth.login') }}">Log in</a>
-          <a class="btn btn-primary btn-sm" href="{{ url_for('auth.register') }}">Register</a>
+          <a class="btn btn-ghost" href="{{ url_for('auth.login') }}">Log in</a>
+          <a class="btn btn-primary" href="{{ url_for('auth.register') }}">Register</a>
         {% endif %}
       </div>
     </div>
   </nav>
 
-  <div class="container">
+  <div class="wrap">
     {% with messages = get_flashed_messages(with_categories=true) %}
       {% if messages %}
         {% for category, message in messages %}
-          <div class="alert alert-{{ category }}">{{ message }}</div>
+          <div class="flash-message {{ category }}">
+            <p>{{ message }}</p>
+          </div>
         {% endfor %}
       {% endif %}
     {% endwith %}