diff --git a/app/css/clock.css b/app/css/clock.css index 2e3dd4d..a4efa22 100644 --- a/app/css/clock.css +++ b/app/css/clock.css @@ -107,4 +107,62 @@ } +} + +@media (min-width:1280px){ + + body { + font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial; + background-color: #212121; + color: #fff; + } + + #clock { + font-family: 'Share Tech Mono'; + position: absolute; + top: 0; + left: 0; + width: 1280px; + height: 512px; + background-color: #212121; + font-size: 180px; + text-align: center; + vertical-align: middle; + color: #fff; + } + + #clockDisplay { + margin-top: 50; + } + + #weather { + position: absolute; + top: 512px; + left: 0; + width: 1280px; + height: 256px; + background-color: #312121; + } + + #misc { + position: absolute; + top: 768px; + left: 0; + width: 1280px; + height: 256px; + background-color: #213121; + } + + .weatherBit { + color: #fff; + font-size: 36px; + } + + .wday { + color: #fff; + text-align: center; + text-transform: capitalize; + } + + } \ No newline at end of file