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; }