fixed styles

frontend/src/index.sass

@@ -95,6 +95,12 @@ label
 h1
   font-size: 2em
   margin-bottom: 0.5em
+  text-align: center
+
+h2
+  font-size: 1.5em
+  margin-bottom: 0.5em
+  text-align: center
 
 .v-layout
   display: flex

frontend/src/pages/CharacterSelection.tsx

@@ -24,7 +24,7 @@ export default function CharacterSelection() {
     return (
         <div className="flex flex-col items-center justify-center">
             <div className="v-layout p-10">
-                <h1 className="text-center">Talk With...</h1>
+                <h1>Talk With...</h1>
                 <div className="flex flex-wrap justify-center gap-3">
                     {characters.map(character => (
                         <CharacterBadge 

frontend/src/pages/CollabLearning.tsx

@@ -3,9 +3,9 @@ import NavBar from "../components/NavBar"
 export default function CollabLearning() {
 
     return (
-        <div className="flex flex-col h-screen">
+        <div className="v-layout p-10">
             <div className="flex flex-col flex-1">
-                <h1>Collaborative Learning Page</h1>
+                <h1>Collaborative Learning</h1>
             </div>
             <NavBar />
         </div>

frontend/src/pages/Course.tsx

@@ -3,7 +3,7 @@ import NavBar from "../components/NavBar"
 export default function Course() {
 
     return (
-        <div className="flex flex-col h-screen">
+        <div className="v-layout p-10">
             <div className="flex flex-col flex-1">
                 <h1>Course Page</h1>
             </div>

frontend/src/pages/Profile.tsx

@@ -16,9 +16,9 @@ export default function Profile() {
     return (
         <div className="v-layout p-10">
             <div className="flex flex-col flex-1 h-full">
-                <h1 className="text-center">Profile</h1>
-                <h2 className="text-center">Username: {username}</h2>
-                <h2 className="text-center">Currently Learning: {getLanguage(username)}</h2>
+                <h1>Profile</h1>
+                <h2>Username: {username}</h2>
+                <h2>Currently Learning: {getLanguage(username)}</h2>
                 <button className="red mt-auto mb-12" onClick={() => handleLougout()}>Logout</button>
             </div>
             <NavBar />

frontend/src/pages/Review.tsx

@@ -3,7 +3,7 @@ import NavBar from "../components/NavBar"
 export default function Review() {
 
     return (
-        <div className="flex flex-col h-screen">
+        <div className="layout-v p-10">
             <div className="flex flex-col flex-1">
                 <h1>Review Page</h1>
             </div>