diff --git a/Public/styles/site.css b/Public/styles/site.css
index 49cbd81..9382700 100644
--- a/Public/styles/site.css
+++ b/Public/styles/site.css
@@ -1,6 +1,13 @@
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
 body {
   background-color: #1E1E2E;
   color: white;
+  padding: 20px;
+  margin: 10px;
 }
 
 p {
@@ -42,27 +49,72 @@ label {
 
 li {
   font-size: 20px;
+  padding: 10px;
+  margin: 10px;
+}
+
+ul {
+  padding: 10px 20px;
+}
+
+.description {
+  padding-top: 20px;
+}
+
+.container {
+  display: flex;
 }
 
 .pros {
-  border 2px solid green;
-  border-radius: 10px;
-  background-color: MediumSeaGreen;
-  margin: 10px;
-  opacity: 0.7;
+  flex 1 300px;
+  width: 50%;
+  min-height: 200px;
+  padding: 5px;
 }
 
 .cons {
+  flex 1 300px;
+  min-height: 200px;
+  width: 50%;
+  padding: 5px;
+}
+
+.counter-container {
+  position: relative;
+  /* border 5px solid MediumSeaGreen; */
+  /* border-radius: 5px 5px 0px 0px; */
+}
+
+.counter {
+  position: absolute;
+  top: 2px;
+  right: 10px;
+}
+
+.counter-label {
+  position: relative;
+  top: 2px;
+  left: 10px;
+}
+
+.pros-list {
+  position: relative;
+  border 2px solid green;
+  border-radius: 10px;
+  background-color: MediumSeaGreen;
+}
+
+.cons-list {
+  position: relative;
   border 2px solid green;
   border-radius: 10px;
   background-color: Tomato;
-  margin: 10px;
-  opacity: 0.7;
 }
 
+
 .listHeader {
-  margin: auto;
-  padding: 20px;
+  /* margin: auto; */
+  padding: 10px;
 }
 
 .center {
diff --git a/Resources/Views/loggedIn.leaf b/Resources/Views/loggedIn.leaf
index 97b1e78..5b5da20 100644
--- a/Resources/Views/loggedIn.leaf
+++ b/Resources/Views/loggedIn.leaf
@@ -1,43 +1,50 @@
 #extend("main"):
   #export("body"):
   <div class="center">
-      <h1>Welcome #capitalized(name)</h1>
+    <h1>Welcome #capitalized(name)</h1>
+    <div class="description">
       <p>
-      Please add your pro's and cons during the talk to the list below.
+      <small>Please add your pro's and cons during the talk to the list below.</small>
       </p>
       <p>
       <small>You can add as many pros and cons as you would like.</small>
       </p>
-      <form id="proconForm" action="submitProOrCon">
-        <select id="type", name="type">
-          <option value="pro">Pro</option>
-          <option value="con">Con</option>
-        </select>
-        <br>
-        <br>
-        <label for="description">Description:</label>
-        <br>
-        <input type="text" id="description" name="description" required>
-        <br>
-        <br>
-        <input class="loginButton" type="submit" value="Submit">
-      </form>
-  </div>
-  <div class="pros">
-    <p class="listHeader">Pros - <small>Count: #count(pros)</small></p>
-    <ul>
-      #for(item in pros):
-      <li>#(item.description)</li>
-      #endfor
-    </ul>
     </div>
-  <div class="cons">
-    <p class="listHeader">Cons - <small>Count: #count(cons)</small></p>
-    <ul>
-      #for(item in cons):
-      <li>#(item.description)</li>
-      #endfor
-    </ul>
+    <form id="proconForm" action="submitProOrCon">
+      <select id="type", name="type">
+        <option value="pro">Pro</option>
+        <option value="con">Con</option>
+      </select>
+      <br>
+      <input type="text" id="description" name="description" placeholder="Description" required>
+      <br>
+      <br>
+      <input class="loginButton" type="submit" value="Submit">
+    </form>
+  </div>
+  <div class="container">
+    <div class="pros">
+      <div class="counter-container">
+        <h3 class="counter-label">Pros</h3>
+        <h3 class="counter">Count: #count(pros)</h3>
+      </div>
+      <ul class="pros-list">
+        #for(item in pros):
+        <li>#(item.description)</li>
+        #endfor
+      </ul>
+    </div>
+    <div class="cons">
+      <div class="counter-container">
+        <h3 class="counter-label">Cons</h3>
+        <h3 class="counter">Count: #count(cons)</h3>
+      </div>
+      <ul class="cons-list">
+        #for(item in cons):
+        <li>#(item.description)</li>
+        #endfor
+      </ul>
+    </div>
   </div>
   #endexport
 #endextend
diff --git a/Resources/Views/main.leaf b/Resources/Views/main.leaf
index 01a0a67..7a22210 100644
--- a/Resources/Views/main.leaf
+++ b/Resources/Views/main.leaf
@@ -6,7 +6,6 @@
     <script src="js/site.js"></script>
   </head>
   <body>
-  <header><h1>Chiller Pro vs. Cons<h1></header>
   #import("body")
   <footer>
     <span>2025 Symposium</span>
diff --git a/Sources/App/Controllers/ApiController.swift b/Sources/App/Controllers/ApiController.swift
index 476b3a2..45e0975 100644
--- a/Sources/App/Controllers/ApiController.swift
+++ b/Sources/App/Controllers/ApiController.swift
@@ -5,13 +5,18 @@ import Vapor
 struct ApiController: RouteCollection {
 
   func boot(routes: any RoutesBuilder) throws {
-    let users = routes.grouped("api", "users")
+    let api = routes.grouped("api")
+    let users = api.grouped("users")
+    let proCon = api.grouped("procons")
+    let utils = api.grouped("utils")
+
     users.get(use: usersIndex(req:))
     users.post(use: createUser(req:))
 
-    let proCon = routes.grouped("api", "procons")
     proCon.get(use: prosAndConsIndex(req:))
     proCon.post(use: createProCon(req:))
+
+    utils.post("check-words", use: checkWords(req:))
   }
 
   @Sendable
@@ -39,6 +44,17 @@ struct ApiController: RouteCollection {
     return proCon
   }
 
+  @Sendable
+  func checkWords(req: Request) async throws -> HTTPStatus {
+    let input = try req.content.decode(CheckWords.self)
+    try checkForBadWords(in: input.string)
+    return .ok
+  }
+
+}
+
+struct CheckWords: Content {
+  let string: String
 }
 
 struct ProConDTO: Content {
diff --git a/Sources/App/Models/BadWords.swift b/Sources/App/Models/BadWords.swift
index 8e0a8bf..83e522a 100644
--- a/Sources/App/Models/BadWords.swift
+++ b/Sources/App/Models/BadWords.swift
@@ -1,20 +1,20 @@
+import Foundation
+import Vapor
+
 func checkForBadWords(in string: String) throws {
-  if badWords.contains(string) {
-    throw BadWordError()
-  } else if string.contains(" ") {
-    let parts = string.split(separator: " ")
-    for part in parts {
-      if badWords.contains(String(part)) {
-        throw BadWordError()
-      }
+  let split = string.split(separator: "\n")
+  for string in split {
+    for word in badWords where string.contains(word) {
+      throw Abort(.badRequest, reason: "Stop using such naughty language.")
     }
   }
 }
 
-struct BadWordError: Error {}
-
 let badWords: [String] = [
+  "420",
+  "69",
   "puppy",
+  "kitty",
   "2g1c",
   "a-hole",
   "a-holes",
diff --git a/Sources/App/routes.swift b/Sources/App/routes.swift
index e7d6ba9..fcaab16 100644
--- a/Sources/App/routes.swift
+++ b/Sources/App/routes.swift
@@ -8,64 +8,59 @@ func routes(_ app: Application) throws {
     return output
   }
 
-  app.get("loggedIn") { req in
-    guard let userIdString = req.session.data["userId"],
-          let displayName = req.session.data["displayName"],
-          let userId = UUID(uuidString: userIdString)
-    else {
-      return try await req.view.render("/")
+  app.get("loggedIn") { req -> View in
+    guard let user = try await req.currentUser(withProsAndCons: true) else {
+      throw Abort(.badRequest)
     }
-    guard let user = try await User.query(on: req.db)
-      .filter(\.$id == userId)
-      .with(\.$prosAndCons)
-      .first()
-    else {
-      throw Abort(.unauthorized)
-    }
-    // let prosAndCons = try await user.$prosAndCons.get(on: req.db)
     return try await req.view.render(
       "loggedIn",
-      LoggedInContext(name: displayName, prosAndCons: user.prosAndCons)
+      LoggedInContext(name: user.displayName, prosAndCons: user.prosAndCons)
     )
   }
 
   app.get("submitProOrCon") { req in
     let params = try req.query.decode(SubmitProOrCon.self)
-    guard let userIdString = req.session.data["userId"],
-          let userId = UUID(uuidString: userIdString)
-    else {
+    guard let userId = req.userId else {
       throw Abort(.unauthorized)
     }
+    try checkForBadWords(in: params.description)
     let proOrCon = ProCon(type: params.type, description: params.description, userId: userId)
-    _ = try await req.db.transaction {
-      proOrCon.save(on: $0)
-    }
-    .get()
-
+    try await proOrCon.save(on: req.db)
     return req.redirect(to: "loggedIn")
   }
 
   app.get("login") { req in
     let params = try req.query.decode(LoginParams.self)
     req.logger.info("params: \(params)")
+    try checkForBadWords(in: params.displayName)
+    let user = User(displayName: params.displayName)
+    try await user.save(on: req.db)
+    req.session.data["userId"] = user.id?.uuidString
+    return req.redirect(to: "loggedIn")
+  }
+}
 
-    do {
-      try checkForBadWords(in: params.displayName)
-    } catch {
-      throw Abort(.unauthorized, reason: "Stop using such naughty language.")
+private extension Request {
+
+  var userId: UUID? {
+    guard let userIdString = session.data["userId"],
+          let userId = UUID(uuidString: userIdString)
+    else {
+      return nil
+    }
+    return userId
+  }
+
+  func currentUser(withProsAndCons: Bool) async throws -> User? {
+    guard let userId = userId else {
+      return nil
     }
 
-    let user = User(displayName: params.displayName)
-    _ = try await req.db.transaction {
-      user.save(on: $0)
-    }.get()
-
-    let userId = user.id?.uuidString ?? "nil"
-    req.session.data["userId"] = userId
-    req.session.data["displayName"] = user.displayName
-
-    // return try await req.view.render("loggedIn", ["name": user.displayName])
-    return req.redirect(to: "loggedIn")
+    var query = User.query(on: db).filter(\.$id == userId)
+    if withProsAndCons {
+      query = query.with(\.$prosAndCons)
+    }
+    return try await query.first()
   }
 }