diff --git a/iron-comments/index.html b/iron-comments/index.html index 415101d..45515e9 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -11,9 +11,29 @@ +
- Name: Email: Comment: Receive email updates? Submit -
+ +
+ +
+ +

Recieve email updates? + +

+ + + +
\ No newline at end of file diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1a9004d..7a8dc69 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -1,11 +1,52 @@ -body { +body { + margin: 0px 50px 0px 50px; padding: 0; - margin: 0; - padding-top: 100px; - width: 100vw; + background-color: black; + height: 100%; +} +#section { + height: 100%; + background:rgb(25, 33, 41); + padding: 50px 0px 50px 0px; + box-sizing: border-box; } #form-container { - margin: auto; + margin:auto; + background:rgb(25, 33, 41); + width: 250px; + border: 2px solid rgb(67, 163, 230); + padding: 30px 0px 8px 20px; + border-radius: 2px; + box-sizing: border-box; +} + +.text { + color: white; + font-size: 16px; +} + +.btn{ + background-color: rgb(67, 163, 230); + color: white; + border: none; + border-radius: 10px; + padding: 5px 10px; + font-size: 14px; + margin: 0px 0px 10px 0px; + font-weight: lighter; +} + +.label, input, textarea { + margin: 2px 0px; + border: 1.3px solid rgb(67, 163, 230); + border-radius: 3px; +} + +p { + margin: 0px 0px 5px 0px; } + + +