From 6c3bdfa9437ce2d6bc8df44e970b14b441833b04 Mon Sep 17 00:00:00 2001
From: BARRAUX Arthur <barraux.a@example.com>
Date: Tue, 9 Nov 2021 19:26:01 +0100
Subject: [PATCH] Update 'stylepage.css'

---
 stylepage.css | 42 ++++++++++++++++--------------------------
 1 file changed, 16 insertions(+), 26 deletions(-)

diff --git a/stylepage.css b/stylepage.css
index 94f58ce..3e79e4f 100755
--- a/stylepage.css
+++ b/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;
 }