Update 'stylepage.css'

stylepage.css

@@ -1,3 +1,9 @@
+@font-face {
+    font-family: "monofonto";
+    src: url('font/raleway.ttf') format('truetype');
+}
+
+
 body{
     z-index: 1;
     background-color: #e5e5e5;
@@ -45,7 +51,8 @@ form{
     color: red;
 }
 
-.champ{
+
+.input{
     background-color: inherit;
     position: relative;
     display: block;
@@ -60,17 +67,18 @@ form{
     border-radius: 30px;
 
     width: 60%;
+    max-width: 300px;
 
-    transition: 0.25s;
+    transition: .25s;
 }
 
-.champ:focus, .champ:hover{
-    width: 75%;
+.input:focus, .input:hover{
+    width: 70%;
     border-color: #ac2a8d;
     background-color: #dddddd;
 }
 
-.champ img{
+.input img{
     display: none;
     position: relative;
     float: right;
@@ -91,28 +99,10 @@ form{
     appearance: none;
 }
 
-.submit{
-    background-color: inherit;
-    position: relative;
-    display: block;
-
-    text-align: center;
-    color: #454444;
-
-    margin: 10px auto;
-    border: 4px solid #4e4d4d;
-    padding: 10px 10px;
-    border-radius: 30px;
-
-    width: 60%;
-
-    transition: 0.25s;
-}
-
-.submit:hover{
-    width: 70%;
-    background-color: #82E6AC;
+#submit:hover{
+    width: 65%;
     border-color: #2ecc71;
+    background-color: #82E6AC;
 }