diff --git a/app/css/clock.css b/app/css/clock.css index 26a8839..546b6d2 100644 --- a/app/css/clock.css +++ b/app/css/clock.css @@ -122,10 +122,10 @@ position: absolute; top: 0; left: 0; - width: 1280px; + width: 100%; height: 512px; background-color: #212121; - font-size: 180px; + font-size: 300px; text-align: center; vertical-align: middle; color: #fff; @@ -139,7 +139,7 @@ position: absolute; top: 512px; left: 0; - width: 1280px; + width: 100%; height: 256px; background-color: #312121; } @@ -148,7 +148,7 @@ position: absolute; top: 768px; left: 0; - width: 1280px; + width: 100%; height: 256px; background-color: #213121; } @@ -168,60 +168,3 @@ } -@media (min-width:1776px){ - - 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: 1776px; - height: 512px; - background-color: #212121; - font-size: 300px; - text-align: center; - vertical-align: middle; - color: #fff; - } - - #clockDisplay { - margin-top: 50; - } - - #weather { - position: absolute; - top: 512px; - left: 0; - width: 1776px; - height: 256px; - background-color: #312121; - } - - #misc { - position: absolute; - top: 768px; - left: 0; - width: 1776px; - 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