diff --git a/dencode.css b/dencode.css index b1a927e..e13a5cc 100644 --- a/dencode.css +++ b/dencode.css @@ -1,5 +1,38 @@ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext); +@media (max-width: 800px) { + body { + margin: 0; + padding: 0; + } + + h1 { + margin: 0; + } + + div.wrapper { + border-radius: 0; + margin-left: 0; + margin-right: 0; + } + + textarea.input { + border-radius: 0; + } +} + +@media (min-width: 801px) { + 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 +50,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;