Post lookin good

CSS/mail.css

@@ -1,6 +1,6 @@
 /* Combination */
 header, footer {
-	style="position: relative;
+	position: relative;
 	z-index: 1;
 }
 

CSS/post.css

@@ -1,4 +1,5 @@
 html {
+	background: linear-gradient(#FFFFFF, #dcdcdc, #2eff51);
 	overflow-x: hidden;
 	overflow-y: hidden;
 }
@@ -15,10 +16,44 @@ body {
 section {
 	height: 75vh;
 	
+	display: flex;
+	flex-wrap: wrap;
 	justify-content: center;
 	text-align: center;
 }
 
+textarea, select, input, label {
+	resize: none;
+	
+	border-style: solid;
+	border-width: 2px;
+	border-color: #00FFFF;
+	border-radius: 2% / 50%;
+}
+
+.Divide {
+	margin-top: auto;
+	margin-bottom: auto;
+	margin-left: 1%;
+	margin-right: 1%;
+	
+	border-style: solid;
+	border-width: 4px;
+	border-radius: 10%;
+	
+	padding: 1%;
+	
+	background-color: white;
+	filter: drop-shadow(0px 20px 10px #00cf23);
+	
+	transition: background-color 0.5s, filter 0.5s;
+}
+
+.Button:hover {
+	background-color: #dcdcdc;
+	filter: drop-shadow(0px -20px 10px #2eff51);
+}
+
 .SmallButton {
 	margin-top: 30px;
 	
@@ -33,5 +68,5 @@ footer {
 	display: flex;
 	justify-content: center;
 	
-	height: 5vh;
+	height: 20vh;
 }

HTML/post.html

@@ -16,22 +16,28 @@
 			<h1>Post</h1>
 		</header>
 		<section>
-			<textarea cols="50" rows="25" class="Text" placeholder="status here..."></textarea>
+			<!-- This the typing div :3 -->
-			<div>
+			<div class="Divide">
+				<textarea cols="50" rows="25" class="Text" placeholder="status here..."></textarea>
+				<div><textarea cols="50" rows="2" class="Warning" maxlength="100" placeholder="Content Warnings"></textarea></div>
+				<div><textarea cols="50" rows="1" class="Tags" maxlength="50" placeholder="Tags (seperate with ;)"></textarea></div>
+			</div>
+			<!-- This the "settings" div :3 -->
+			<div class="Divide">
 				<select class="PostVisibility">
 					<option value="Public">Public Post</option>
 					<option value="Quiet">Quiet Public Post</option>
 					<option value="Friend">Friends Only Post</option>
 					<option value="Private">Private Post</option>
 				</select>
-				<input type="checkbox" class="PostYoutube" />
+				<div></div>
-				<label>Post to Youtube</label>
+					<input type="checkbox" class="PostYoutube" />
+					<label>Post to Youtube</label>
+				</div>
 			</div>
-			<textarea cols="50" rows="2" class="Warning" maxlength="100" placeholder="Content Warnings"></textarea>
+			<div class="Divide Button">
-			<div>
+				<p>POST!</p>
-				<textarea cols="50" rows="1" class="Tags" maxlength="50" placeholder="Tags (seperate with ;)"></textarea>
 			</div>
-			<p class="Button">POST!</p>
 		</section>
 		<footer>
 			<p class="SmallButton" onclick="history.back();"><b>Back</b></p>