diff --git a/assets/css/contact.css b/assets/css/contact.css index af9af90507b03bd659070ecd045c9c1e6da8f60f..f5b628e1115932aa2fc6648b8bee40300875c911 100644 --- a/assets/css/contact.css +++ b/assets/css/contact.css @@ -1,28 +1,43 @@ body { - /* background: linear-gradient(90deg, rgb(228, 220, 220), rgb(148, 138, 138)); */ - background-color: rgba(182, 170, 170, 0.886); + /* background: linear-gradient(90deg, rgb(228, 220, 220), rgb(148, 138, 138)); + background-color: rgba(182, 170, 170, 0.886); */ + margin: 0; } -header { - position: static; +/* header { + position: absolute; background: linear-gradient(30deg, rgb(252, 233, 233), rgb(195, 189, 189)); -} +} */ main { - width: 30rem; - margin: 3rem auto; + /* width: 30rem; */ + /* margin: 3rem auto; */ + background: url("/assets/images/projects/web3.jpg"); + height: 800px; + background-position: center; + background-size: cover; } h1 { + margin-top: 0; text-align: center; } form { + width: 30rem; background-color: rgb(255, 255, 255); padding: 1rem; border-radius: 6px; font-family: "Roboto", sans-serif; - box-shadow: 3px 3px 3px black; + margin: 0 auto; + box-shadow: 3px 3px 5px black; +} + +h1, +form { + position: relative; + top: 120px; + left: 250px; } input, @@ -80,4 +95,5 @@ button { button:hover { background: rgba(0, 105, 217, 1); + border-color: rgb(0, 105, 217, 1); }