Cleanning CSS files

Author: Ticiana Andrade

css/index.css

@@ -4,134 +4,101 @@
 	left: 0;
 	width: 100vw;
 	height: 100vh;
-	background: rgba(0,0,0,0.2);
+	background: rgba(0,0,0,0.5);
 	overflow: hidden;
 	z-index: 98;
 }
-.on-success div{
-    position: absolute;
-    top: 50%;
-    left: 50%;
-	transform: translate(-50%, -50%);
-    width: 60vw;
-    height: 40vh;
-    border-radius: 2em;
-    text-align: center;
-    background: #333333;
-	z-index: 99;
+.on-success div {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 90vw;
+  height: 90vh;
+  max-width: 600px;
+  max-height: 500px;
+  border-radius: 2em;
+  text-align: center;
+  background: #333333;
 	display: flex;
 	flex-flow: column wrap;
 	align-items: center;
 	justify-content: center;
+	z-index: 99;
 }
-
 .on-success div h1 {
 	color: white;
 }
 .error {
 	border:2px solid red;
 }
-
 .errorsBlock {
 	font-size: 14px;
 	color: red;
 }
-
 .hiddenWindow {
     display: none;
 }
-
-@media only screen and (max-width : 680px) {
-    .on-success h1 {
-        font-size: 30px;
-    }
-}
-
-a img {
-	position: absolute;
-	height: 4em;
-	width: 4em;
-	top: 4%;
-}
-
-a img:hover {
-    height: 5em;
-    width: 5em;
-}
-
 form {
 	background-color: #efefef;
-	width: 40em;
+  width: calc(100% - 10em);
+	max-width: 640px;
+  min-height: 500px;
+	padding: 3em;
 	flex: 0;
-	padding: 3em 5em;
 	text-align: center;
 	z-index: 2;
 }
-input {
-    font-family: "Montserrat", sans-serif;
-    font-weight: 300;
-    font-size: 16px;
-    background: inherit;
-    border: none;
-    border-bottom: 2px solid black;
-    padding: 0.5em;
-}
-select {
-    font-family: "Montserrat", sans-serif;
-    font-weight: 300;
-    font-size: 16px;
-    background: inherit;
-	border: 2px solid black;
-}
+input,
+select,
 textarea {
-    font-family: "Montserrat", sans-serif;
-    font-weight: 300;
-    font-size: 16px;
-    background: inherit;
+  font-family: "Montserrat", sans-serif;
+  font-weight: 300;
+  font-size: 16px;
+  background: inherit;
 	border: 2px solid black;
 }
-input[type='file']{
+input {
+  border: none;
+  border-bottom: 2px solid black;
+  padding: 0.5em;
+}
+input[type='file'] {
 	width: 60%;
-	border:none;
-    font-family: "Montserrat", sans-serif;
-    font-weight: 400;
-    font-size: 16px;
-    padding: 1em 2em;
+  border:none;
+  font-family: "Montserrat", sans-serif;
+  font-weight: 400;
+  font-size: 16px;
+  padding: 1em 2em;
 }
 button {
-    font-family: "Montserrat", sans-serif;
-    font-weight: 700;
-    font-size: 18px;
-    padding: 1em 2em;
-	margin: 1em;
-    text-transform: uppercase;
-    border: none;
-    border-radius: 2em;
-    background: #20D7C0;
-    color: white;
-    cursor: pointer;
-    transition: all 0.3s ease-in-out;
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  font-size: 18px;
+  padding: 1em 2em;
+  margin: 1em;
+  text-transform: uppercase;
+  border: none;
+  border-radius: 2em;
+  background: #20D7C0;
+  color: white;
+  cursor: pointer;
+  transition: all 0.3s ease-in-out;
+}
+button:hover {
+  background: black;
+  color: #20D7C0;
 }
-button:hover{
-    background: black;
-    color: #20D7C0;
-}
-
-@media all and (max-width: 640px){
-	form {
-		width: 21em;
-		font-size: 1em;
-	}
-	input[type=text], textarea {
-        width:50%;
-    }
-    a img {
-		height: 3em;
-		width: 3em;
-	}
 
-	a img:hover {
-   	 	height: 4em;
-    	width: 4em;
-	}
+@media all and (max-width: 640px) {
+  .on-success h1 {
+    font-size: 30px;
+  }
+  form {
+    font-size: 1em;
+  }
+  input[type=text], 
+  textarea {
+      width:50%;
+  }
 }