diff --git a/src/templates/TSignup.html b/src/templates/TSignup.html
index 5f8030b..eaf9ec5 100644
--- a/src/templates/TSignup.html
+++ b/src/templates/TSignup.html
@@ -12,7 +12,7 @@
 
 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 <form action="#" method = 'POST'>    
-    <table style="margin: auto; border: 3px solid black; background-color: white; padding: 30px; border-radius: 10px; margin-top: 70px;" >
+    <table style="margin: auto; border: 3px solid black; background-color: gray; padding: 30px; border-radius: 10px; margin-top: 70px;" >
         <caption style="font-size: xx-large; font-weight: bold; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; color: black;">Teacher Signup</caption>   
  
         <tr>
diff --git a/src/templates/control.html b/src/templates/control.html
index 0acef57..3a211ab 100644
--- a/src/templates/control.html
+++ b/src/templates/control.html
@@ -6,11 +6,11 @@
 <body style="background-image:  url(https://s26162.pcdn.co/wp-content/uploads/2018/03/books.jpg); background-size: cover;background-repeat: no-repeat;background-position: centre; position: relative;">
 
 
-<table name = "important" style = " border:1px solid black;  margin-top: 70px; padding: 30px; background-color: tan; border-radius: 10px; margin: auto;" center = "True">
+<table name = "important" style = " border:1px gray;  margin-top: 70px; padding: 30px; background-color: lightgray; border-radius: 10px; margin: auto;" center = "True">
     <tr>
       <td style = "text-align:center;padding:2px;border-spacing: 20px;">
         <form action="/create_courses" class="inline">
-          <button class="float-left submit-button" n style="background-color:beige; border-radius: 12px;"><font size = "10" >Create Courses</font></button>
+          <button class="float-left submit-button" n style="background-color:beige; border-radius: 12px;font-family: Verdana, Geneva, Tahoma, sans-serif;""><font size = "6" >Create Courses</font></button>
         </form>
       </td>
       
@@ -18,17 +18,18 @@
     <tr>
       <td style = "text-align:center">
         <form action="/create_sections" class="inline">
-          <button class="float-left submit-button"  style="background-color:beige; border-radius: 12px;" ><font size = "10">Create Sections</font></button>
+          <button class="float-left submit-button"  style="background-color:beige; border-radius: 12px;font-family: Verdana, Geneva, Tahoma, sans-serif;" ><font size = "6">Create Sections</font></button>
         </form>
       </td>
     </tr>
     <tr>
       <td style = "text-align:center">
         <form action="/" class="inline">
-          <button class="float-left submit-button" style="background-color:beige; border-radius: 12px;" ><font size = "10">Home</font></button>
+          <button class="float-left submit-button" style="background-color:beige; border-radius: 12px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;" ><font size = "6">Home</font></button>
         </form>
       </td>
     </tr>
 </table>
    
+    
 {% endblock %}
diff --git a/src/templates/grades.html b/src/templates/grades.html
index 683d75c..e96bb19 100644
--- a/src/templates/grades.html
+++ b/src/templates/grades.html
@@ -4,7 +4,7 @@
 {% block content %}
 
 <form action = "#" method = "POST">
-    <table name = grades method= "POST">
+    <table name = grades method= "POST" style="max-width:100%;height: auto;background-color: gray; margin: auto;padding: 30px;border-radius: 10px; margin-top: 70px"">
         <tr>
             <td>
                 Select USN:
@@ -66,4 +66,4 @@
 
 
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/src/templates/schedule.html b/src/templates/schedule.html
index 36602db..33cf774 100644
--- a/src/templates/schedule.html
+++ b/src/templates/schedule.html
@@ -3,9 +3,8 @@
 Schedule Classes
 {% endblock %}
 {% block content %}
-<body style="background-image: url(https://web-static.wrike.com/blog/content/uploads/2020/01/Five-Features-of-a-Good-Monthly-Employee-Work-Schedule-Template.jpg?av=718acbc1e2b21264368f12b5cc57c0e2);opacity: 1; background-size: cover;background-repeat: no-repeat;background-position: centre; position: relative;">
 <form action="#" method = 'POST'>
-    <table style="margin: auto; border: 3px solid black; background-color:white; padding: 30px; border-radius: 10px; margin-top: 70px;" >
+    <table style="max-width:100%;height: auto;background-color: gray; margin: auto;padding: 30px;border-radius: 10px; margin-top: 70px;" >
         <tr>
             <td>
                 <font size="5" color= "#000000"  > Section:</font>
diff --git a/src/templates/signup.html b/src/templates/signup.html
index e2d1b8e..8bd11d7 100644
--- a/src/templates/signup.html
+++ b/src/templates/signup.html
@@ -10,10 +10,10 @@
 <body style="background-image: url(https://www.collegesearch.in/upload/institute/images/large/121001104720_large_2.jpg);opacity: 1; background-size: cover;background-repeat: no-repeat;background-position: centre; position: relative;">
 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 <form action="#" method = 'POST'>    
-    <table style="max-width:100%;height:auto;background-color: gray; margin: auto;padding: 30px;border-radius: 10px; margin-top: 70px">
+    <table style="max-width:100%;height:auto;background-color: lightgray; margin: auto;padding: 30px;border-radius: 10px; margin-top: 70px">
         <tr>
             <td>
-            <font size="5" color= "#000000" > Name:</font>
+            <font size="5" color= "#000000" style="font-family: Verdana, Geneva, Tahoma, sans-serif;"> Name:</font>
             </td>
             <td>
             <input type="text" name="Name" placeholder="Your Name" size="47">
@@ -21,7 +21,7 @@
         </tr>
         <tr>
             <td>
-            <font size="5" color= "#000000" > USN:</font>
+            <font size="5" color= "#000000" style="font-family: Verdana, Geneva, Tahoma, sans-serif;"> USN:</font>
             </td>
             <td>
             <input type="text" name="USN" placeholder="Enter USN" size="47">
@@ -29,7 +29,7 @@
         </tr>
         <tr>
             <td>
-            <font size="5" color= "#000000" > Email:</font>
+            <font size="5" color= "#000000"style="font-family: Verdana, Geneva, Tahoma, sans-serif;" > Email:</font>
             </td>
             <td>
             <input type="email" name="Email" size="47">
@@ -37,7 +37,7 @@
         </tr>
         <tr>
             <td class = "select">
-                <font size="5" color= "#000000" >Section:</font>
+                <font size="5" color= "#000000"style="font-family: Verdana, Geneva, Tahoma, sans-serif;" >Section:</font>
             </td>
             <TD >
                 <select name = 'Section'>        
@@ -72,11 +72,11 @@
         </tr>
         <tr>
             <td class = "select">
-                <font size="5" color= "#000000" >Branch:</font>
+                <font size="5" color= "#000000" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">Branch:</font>
             </td>
             <TD >
                 <select name = 'Branch'>        
-                     <option value="AE">Areonautical Engineering</option>
+                     <option value="AE">Aeronautical Engineering</option>
                      <option value="AI">Artifical intelligence and Machine learning</option>
                      <option value="AU">Automobile Engineering</option>
                      <option value="BT">Bio-Technology</option>
@@ -96,7 +96,7 @@
         </tr>
         <tr>
             <td>
-                <font size="5" color="#000000"> Password:</font>
+                <font size="5" color="#000000"style="font-family: Verdana, Geneva, Tahoma, sans-serif;"> Password:</font>
             </td>
             <td>
                 <input type="Password" name="Password" size="47" placeholder="Enter Password">
@@ -104,7 +104,7 @@
         </tr>
         <tr>
             <td>
-                <font size="5" color="#000000"> Confirm Password:</font>
+                <font size="5" color="#000000"style="font-family: Verdana, Geneva, Tahoma, sans-serif;"> Confirm Password:</font>
             </td>
             <td>
                 <input type="Password" name="Confirm Password" size="47" placeholder="Confirm Password">
diff --git a/src/templates/student.html b/src/templates/student.html
index 4ea58ed..c12dd13 100644
--- a/src/templates/student.html
+++ b/src/templates/student.html
@@ -4,11 +4,17 @@
   {{ super() }}
   <style type="text/css">
     .important { color: #336699; }
+     h1{
+      color: black;
+      text-align: center;
+      margin-top: 70px;
+      margin: auto;
+    }
   </style>
 {% endblock %}
 {% block content %}
   <h1>Classes</h1>
-  <table name = "Classes" style = "border:1px solid black" center = "True">
+  <table name = "Classes" style = "border:1px solid black; background-color: gray;margin: auto;margin-top: 70px; height: auto; border-radius: 8px;" center = "True">
   <tr>
     <th>
       Sr.No
@@ -50,7 +56,8 @@ <h1>Classes</h1>
   <br>
   <br>
   <form action="/logout" class="inline">
-    <button class="float-left submit-button" >logout</button>
+    <button class="float-left submit-button" style="border:1px solid black; background-color: white;margin: auto;  margin-left: 400px; border-radius: 8px; box-sizing: border-box;" center = "True"; >logout</button>
   </form>
           
-{% endblock %}
\ No newline at end of file
+
+{% endblock %}
diff --git a/src/templates/studentlogin.html b/src/templates/studentlogin.html
index a69df53..7935665 100644
--- a/src/templates/studentlogin.html
+++ b/src/templates/studentlogin.html
@@ -10,7 +10,7 @@
 <body style="background-image: url(https://images.unsplash.com/photo-1578589335615-9e804277a5af?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8Ym9va3MlMjBhbmQlMjBsYXB0b3B8ZW58MHx8MHx8&ixlib=rb-1.2.1&w=1000&q=80);opacity: 1; background-size: cover;background-repeat: no-repeat;background-position: centre; position: relative;">
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
     <form action="#" method = 'POST'>    
-        <table style="margin: auto; border: 3px solid black; background-color: burlywood; padding: 30px; border-radius: 10px; margin-top: 70px;" >
+        <table style="margin: auto; border: 3px gray; background-color: gray; padding: 30px; border-radius: 10px; margin-top: 70px;" >
             <tr>
                 <td>
                 <font size="5" color= "#000000" > USN:</font>
diff --git a/src/templates/teacher.html b/src/templates/teacher.html
index ceb3d3f..15277dd 100644
--- a/src/templates/teacher.html
+++ b/src/templates/teacher.html
@@ -3,10 +3,16 @@
 {% block head %}
 {% endblock %}
 {% block content %}
+<body style="margin-left: 70px; text-align: centers;">
+  <style>
+    h1{
+      text-align: center;
+    }
+  </style>
 <h1>
 Upcoming Classes
 </h1>
-<table name = "Classes" style = "border:1px solid black" center = "True">
+<table name = "Classes" style = "border:1px gray; background-color: gray; margin-top: 70px; margin: auto;height: 100px;font-size: x-large;" center = "True">>
   <tr>
     <th>
       Sr.No
@@ -47,16 +53,16 @@ <h1>
 
 
 <form action="/schedule" class="inline">
-  <button class="float-left submit-button" >Schedule Classes</button>
+  <button class="float-left submit-button" style="border-radius: 5px; text-align: center;margin-left: 400px;margin-top: 50px; padding: 10px;">Schedule Classes</button>
 </form>
 <form action="/grades" class="inline">
-  <button class="float-left submit-button" >Update Grades</button>
+  <button class="float-left submit-button"style="border-radius: 5px; text-align: center;margin-left: 400px;margin-top: 10px;padding: 10px;" >Update Grades</button>
 </form>
 <form action="/logout" class="inline">
-  <button class="float-left submit-button" >logout</button>
+  <button class="float-left submit-button" style="border-radius: 5px; text-align: center;margin-left: 400px;margin-top: 10px; padding: 10px;">logout</button>
 </form>
 <form action="/update" class="inline">
-  <button class="float-left submit-button" >Add section</button>
+  <button class="float-left submit-button"style="border-radius: 5px; text-align: center;margin-left: 400px;margin-top: 10px; padding: 10px;" >Add section</button>
 </form>
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/src/templates/teacherlogin.html b/src/templates/teacherlogin.html
index 630cf5c..96fc0e0 100644
--- a/src/templates/teacherlogin.html
+++ b/src/templates/teacherlogin.html
@@ -10,7 +10,7 @@
 <body style="background-image: url(https://images.unsplash.com/photo-1578589335615-9e804277a5af?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8Ym9va3MlMjBhbmQlMjBsYXB0b3B8ZW58MHx8MHx8&ixlib=rb-1.2.1&w=1000&q=80);opacity: 1; background-size: cover;background-repeat: no-repeat;background-position: centre; position: relative;">
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
     <form action="#" method = 'POST'>    
-        <table style="margin: auto; border: 3px solid black; background-color: burlywood; padding: 30px; border-radius: 10px; margin-top: 70px;" >  
+        <table style="margin: auto; border: 3px gray; background-color: gray; padding: 30px; border-radius: 10px; margin-top: 70px;" >  
         <tr>
             <td>
             <font size="5" color= "#000000" > Name:</font>
@@ -29,11 +29,11 @@
         </tr>
 <tr>
             <td>
-                <input type="submit" value="submit" style="background-color: green;border-radius: 8px;"/>
+                <input type="submit" value="submit" style="background-color: green;border-radius: 8px; padding: 10px;margin-top: 15px;"/>
                 
             </td>
             <td>
-                <button class="float-left submit-button" style="background-color: red; border-radius: 8px;" >Not Signed-up ?</button>
+                <button class="float-left submit-button" style="background-color: red; border-radius: 8px;padding:10px;margin-top: 15px;" >Not Signed-up ?</button>
             </td>
         </tr>  
             </form>   
diff --git a/src/templates/updates.html b/src/templates/updates.html
index 2c1db52..5dc528a 100644
--- a/src/templates/updates.html
+++ b/src/templates/updates.html
@@ -5,10 +5,10 @@
 {% endblock %}
 {% block content %}
 <form action = "#" method = "POST">
-    <table>
+    <table style="margin: auto; border: 3px gray; background-color: gray; padding: 50px; border-radius: 10px; margin-top: 70px; width: max-content;">
         <tr>
             <td>
-                Select sections:
+                <font size="5" color= "#000000" style="font-family: Verdana, Geneva, Tahoma, sans-serif; " > Select Section:</font>
             </td>
             <td>
                 <select name = "section">
@@ -20,7 +20,7 @@
         </tr>
         <tr>
             <td>
-                Select Course:
+                <font size="5" color= "#000000" style="font-family: Verdana, Geneva, Tahoma, sans-serif; " > Select Course:</font>
             </td>
             <td>
                 <select name = "course">
@@ -32,7 +32,7 @@
         </tr>
         <tr>
             <td>
-                Select semester:
+                 <font size="5" color= "#000000" style="font-family: Verdana, Geneva, Tahoma, sans-serif; " > Select Semester:</font>
             </td>
             <td>
                 <select name = "semester">
@@ -48,11 +48,11 @@
             </td>
         <tr>
             <td>
-                <input type="submit" value="submit"/>
+                <input type="submit" value="submit"style="border-radius: 8px; padding: 10px;margin-top: 10px;"/>
             </td>
         </tr>
     </table>
 </form>
 
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
