diff --git a/dencode.css b/dencode.css
index b1a927e..9074205 100644
--- a/dencode.css
+++ b/dencode.css
@@ -1,5 +1,39 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext);
+@media (max-width: 980px) {
+ body {
+ margin: 0;
+ padding: 0;
+ }
+
+ h1 {
+ font-size: 120%;
+ margin: 0;
+ }
+
+ div.wrapper {
+ border-radius: 0;
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ textarea.input {
+ border-radius: 0;
+ }
+}
+
+@media (min-width: 981px) {
+ div.wrapper {
+ border-radius: 0.5em;
+ margin-left: auto;
+ margin-right: auto;
+ width: 50%;
+ }
+
+ textarea.input {
+ border-radius: 0.5em;
+ }
+}
body {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
@@ -17,19 +51,14 @@ strong {
div.wrapper {
background-color: #fc0;
border-color: #da0;
- border-radius: 0.5em;
border-style: solid;
border-width: 1px;
box-shadow: 0 0 1px 1px #ea0 inset;
margin-bottom: 0.5em;
- margin-left: auto;
- margin-right: auto;
padding: 0.5em;
- width: 50%;
}
textarea.input {
- border-radius: 0.5em;
border-style: solid;
border-width: 1px;
display: block;
diff --git a/index.html b/index.html
index 89a9ad5..dadf298 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
+
Decode? Encode? DENcode!