@import url(//fonts.googleapis.com/css?family=Lato|Istok+Web); body { font-family: 'Lato', sans-serif; font-weight: 300; color: #333333; background-color: rgb(245, 245, 245); } body:after { content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .panel { font-family: 'Istok Web', sans-serif; position: relative; padding: 0.2em 1em 1em 1em; margin-bottom: 15px; overflow: hidden; } .panel img { display: block; position: absolute; right: 0; top: 0; height: 100%; } h1, h2, h3, h4, h5, h6 { font-size: 1.25em; font-weight:400; margin-bottom: 0; } .time, .date { text-align: center; font-weight: 300; margin: 0; } .time { font-size: 3em; } .date { font-size: 2em; margin-bottom: 30px; } .climacon { font-size: 4em; margin-bottom: 0; } .currentTemp { font-size: 1em; text-align: center; } .row { margin-top: 15px; } .weather { } .hackers { font-size: 0.4em; margin-bottom: 1em; } .logo { text-align: center; font-size: 4em; } .open { background: rgb(150, 199, 80); } .closed { background: rgb(238, 108, 47); } .status { padding: 1em; text-align: center; color: #fff; font-size: 1.8em; width: 100%; height: 100%; } .status h1 { font-size: 4em; margin: 0; line-height: 1em; } /* Secondary row of boxes */ .busses h1:first-child, .cfl h1:first-child, .events h1:first-child, .news h1:first-child { border-bottom: 1px solid #333333; }