diff --git a/css/main.css b/css/main.css index df06a64..3369127 100644 --- a/css/main.css +++ b/css/main.css @@ -15,6 +15,12 @@ h1{ border-radius: 40px; color: white; font-size: 15px; + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: center; + justify-content: space-between; } #chatBox{ width: 100%; @@ -60,9 +66,7 @@ p{ text-align: center; } -.button{ -} .user{ display: -webkit-box; display: flex; @@ -114,8 +118,49 @@ a:link { display: -webkit-box; display: flex; -webkit-box-pack: center; - justify-content: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; } .smallImage { width:20px; +} +span{ + padding-left: 3px; + padding-right: 3px; +} +#usernameInput{ + background-color: lightcoral; + font-family: 'Advent Pro'; + color: white; + border-radius: 30px; + padding: 1em; + border: none; +} +input{ + color: white; +} +#statusInput{ + background-color: lightcoral; + font-family: 'Advent Pro'; + color: white; + border-radius: 30px; + padding: 1em; + border: none; +} +#profilePicInput{ + background-color: lightcoral; + font-family: 'Advent Pro'; + color: white; + border-radius: 30px; + border: none; +} +.button{ + background-color: lightcoral; + padding: 1em; + font-family: 'Advent Pro'; + border-radius: 40px; + color: white; + font-size: 15px; + border: none; } \ No newline at end of file diff --git a/index.html b/index.html index 3ab0ab5..f4aa224 100644 --- a/index.html +++ b/index.html @@ -14,12 +14,13 @@
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt numquam, consequatur eos error ducimus quisquam nam ut quasi sint adipisci sit molestiae, ad dolorum iste possimus deleniti rerum ipsum repudiandae.