diff --git a/css/styles.css b/css/styles.css
index ae75ccd..11b7bce 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -30,7 +30,36 @@ body{
   display: table;
   clear: both;
 }
+/*
+.p1{
+	text-align: center;
+}
+*/
+.p2{
+	text-align: center; 
+	margin-left: 200px;
+	margin-right: 200px;
+	font-family: cursive;
+}
+.inp1{
+	width:200px;
+	height:30px;
+	margin-top: 20px; 
+	margin-left:580px; 
+	text-align: center;
+}
 
+/*.inp2{
+	margin-left: 600px
+}*/
+.inp3{
+	margin-left: 600px;
+	margin-top: 20px; 
+	border-radius: 20px; 
+	background-image: radial-gradient(white, black); 
+	height: 30px;
+	width: 150px;
+}
 .footer{
 	width: 100%;
 	border-top: 1px solid #000000;
diff --git a/index.html b/index.html
index 070da2b..5d0843c 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,14 @@
 <!DOCTYPE html>
 <html>
+
 <head>
 	<meta charset="utf-8">
 	<link rel="stylesheet" type="text/css" href="css/styles.css">
 	<link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
-<link rel="stylesheet" href="css/index.css" class="css">
+	<link rel="stylesheet" href="css/index.css" class="css">
 	<title>PyJudge</title>
 </head>
+
 <body>
 	<header class="header shift-center">
 		<h1>Submission Page</h1>
@@ -16,40 +18,41 @@ <h1>Submission Page</h1>
 	<div class="highlight">
 		<div class="row">
 			<div class="column column-20">
-				
+
 			</div>
 			<div class="column">
 				<div class="shift-center">
-					<p style="text-align: center;">{{question}}</p>
-                    <button><a href="/question/{{question_number}}/inputs.txt">Download Test Case</a></button>
-				</div> 
+					<p class="p2">{{question}}</p>
+					<button><a href="/question/{{question_number}}/inputs.txt">Download Test Case</a></button>
+				</div>
 			</div>
-		    <div class="column column-20">
-				
+			<div class="column column-20">
+
 			</div>
 		</div>
 
 		<div class="row">
 			<div class="column column-20">
-				
+
 			</div>
 			<div class="column submit-column">
 				<div class="shift-center">
 					<!--Submission-->
-					<form action="/check/{{question_number}}", method = "post", enctype = "multipart/form-data">   
-					   <!-- URL can be added where file is to be stored -->
-					   <p style="text-align: center; margin-left: 200px; margin-right: 200px; font-family: cursive;">All submissions will be tested on the already mentioned criterias. 
-					   To read the criterias, click <a href="#">here</a>.
-					   You have to submit your code in a file.
-					   You can submit the code in any language.
-					   You can upload the file below.</p>
-                      <input type="text" style="width:200px; height:30px; margin-top: 20px; margin-left:580px; text-align: center;" name="email" placeholder="Enter Username" required /><br><br><br>
-					   <input type="file" name="upload" style="margin-left: 600px"><br>
-					   <input type="submit" value = "Start upload" style="margin-left: 600px; margin-top: 20px;   border-radius: 20px; background-image: radial-gradient(white, black); height: 30px; width: 150px;">
+					<form action="/check/{{question_number}}" , method="post" , enctype="multipart/form-data">
+						<!-- URL can be added where file is to be stored -->
+						<p class=p2>All submissions
+							will be tested on the already mentioned criterias.
+							To read the criterias, click <a href="#">here</a>.
+							You have to submit your code in a file.
+							You can submit the code in any language.
+							You can upload the file below.</p>
+						<input class="inp1" type="text" name="email" placeholder="Enter Username" required /><br><br><br>
+						<input class="inp3" type="file" name="upload"><br>
+						<input class="inp3" type="submit" value="Start upload">
 					</form>
 				</div>
 			</div>
-		    
+
 		</div>
 	</div>
 	<!--Main Part Starts-->
@@ -60,4 +63,5 @@ <h1>Submission Page</h1>
 		</div>
 	</footer>
 </body>
-</html>
\ No newline at end of file
+
+</html>
