@import url(//fonts.googleapis.com/css?family=Lato|Istok+Web); body { font-family: 'Lato', sans-serif; font-weight: 300; color: rgb(240, 175, 63); background-color: rgb(60, 33, 24); } 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; box-shadow: 1px 1px 3px 2px rgba(240,175,63,0.8); 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: 600; margin: 0; } .time { font-size: 10em; } .date { font-size: 2em; margin-top: -30px; margin-bottom: 30px; } .climacon { margin-top: -0.45em; font-size: 15em; } .currentTemp { margin-top: -0.2em; font-size: 8em; } .row { margin-top: 15px; } .weather { margin-top: 35px; opacity: 0.8; } .logo { text-align: center; font-size: 8em; margin-top: 35px; opacity: 0.8; } .open { background: rgb(150, 199, 80); } .closed { background: rgb(238, 108, 47); } .status { text-align: center; color: #fff; } .status h1 { font-size: 7em; margin: 0; line-height: 1em; }