CSS

css/feminitives.css

@@ -1,35 +1,33 @@
-a {
+
-	color: MediumOrchid;
+a       { color: MediumOrchid; }
-}
+.queer  { color: MediumOrchid; }
+.ending { color: olive; }
 
 input {
 	width: 70%;
-	font-size:100%;
+	font-size: 100%;
-	border-color:#cccccc;
+	border: 1px solid #cccccc;
-	border-style:solid;
-	padding:0.5%;
-	margin:0.5%;
-	border-width:1px;
 	border-radius:7px;
+	padding: 0.5%;
+	margin:  0.5%;
 } 
 
 input:focus {
-	outline:none;
+	outline: none;
-	text-shadow:0px 0px 0px rgba(42,42,42,.75);
+	text-shadow: 0px 0px 0px rgba(42,42,42,.75);
-	box-shadow: 0px 0px 7px 0px rgba(176,104,176,.75);
+	box-shadow:  0px 0px 7px 0px rgba(176,104,176,.75);
 }
 
 button {
 	width: 20%;
-	font-family: helvetica;
 	color: #14396A !important;
+	font-family: helvetica;
 	font-size: 100%;
-	padding: 0.7%;
+	padding: 0.6%;
 	border: 0px;
 	-border-radius: 7px;
 	-webkit-border-radius: 7px;
 	border-radius: 7px;
-	/* background: MediumOrchid; */
 	background: #3CB0FD;
 }
 
@@ -38,14 +36,6 @@ button:hover {
 	background: #38A0E4;
 }
 
-.ending {
-	color: olive;
-}
-
-.queer  {
-	color: MediumOrchid;
-}
-
 #definition {
 	padding: 1%;
 	width: 50%;
@@ -68,10 +58,9 @@ button:hover {
 
 #definition-dict {
 	text-align: center;
-	height: 20px;
 	font-size: 110%;
-	margin-top: 3%;
+	height: 20px;
-	margin-bottom: 3%;
+	margin: 3% 0;
 }
 
 #definition-image {
@@ -93,20 +82,18 @@ button:hover {
 #definition-card h1 {
 	position: relative;
 	text-align: right;
-	margin-top: 52.5%;
+	margin: 52.5% 5% 0 0;
-	margin-right: 5%;
 	height: 10%;
 	line-height: 120%;
-	font-size: 103%;
 	color: MediumOrchid;
-	font-weight: bold;
+	font-size: 103%;
 	font-style: italic;
+	font-weight: bold;
 }
 
 #definition-card h1 span{
 	background-color: white;
-	padding-left:  2%;
+	padding: 0 2%;
-	padding-right: 2%;
 }
 
 #definition-content {
@@ -115,7 +102,6 @@ button:hover {
 	margin-top: -38%;
 	font-family: sans-serif;
 	font-size: 250%;
-	font-weight: regular;
 	text-align: center;
 	visibility: visible;
 }
@@ -146,10 +132,10 @@ button:hover {
 }
 
 @media screen and (max-device-width: 800px) {
-	#definition { width: 90%; }
+	#definition              { width: 90%; }
-	#definition h1 { font-size: 150%; }
+	#definition h1           { font-size: 150%; }
-	#definition-help { font-size: 95%; }
+	#definition-help         { font-size: 95%; }
-	#definition-card h1 { line-height: 65%; }
+	#definition-card h1      { line-height: 65%; }
-	#definition-card h1 span{ font-size: 60%; }
+	#definition-card h1 span { font-size: 60%; }
 }