diff --git a/iron-comments/index.html b/iron-comments/index.html index 415101d..df5cb77 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -11,8 +11,16 @@
- diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1a9004d..8d969d5 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -1,11 +1,55 @@ +/*Dark Blue: rgb(25, 33, 41) +Light Blue: rgb(67, 163, 230) +Text: rgb(255,255,255)*/ + body { padding: 0; margin: 0; padding-top: 100px; - width: 100vw; + width: 100vw; + background-color: rgb(25,33,41); + color: rgb(255,255,255); + font-weight: bold; + font-size: 112%; } #form-container { margin: auto; + width: 248px; + height: 350px; + border: 2px solid rgb(67,163,230); + border-radius: 0.2em; + padding: 25px 10px 15px 10px; +} + +label, input, textarea, button { + margin: 3px 10px; + padding: 1px; } + +input, textarea, button { + border: 1px solid rgb(67,163,230); + border-radius: 0.2em; +} + +#updates { + margin: 0; +} + +#recive { + font-style: italic; +} + +textarea { + margin: 3px 10px 0 10px; +} + +button { + background-color: rgb(67,163,230); + color: rgb(255,255,255); + border-radius: 0.7em; + width: 55px; + height: 25px; + font-weight: lighter; +} \ No newline at end of file