@font-face{font-family:SF Arabic;font-style:normal;src:url(/hbz/resources/build/fonts/sf-arabic.b72ad5d5.woff2) format("woff2")}@font-face{font-family:Lato-Light;font-style:normal;src:url(/hbz/resources/build/fonts/lato-thin.44e0c0ff.woff2) format("woff2"),url(/hbz/resources/build/fonts/lato-thin.28a29367.woff) format("woff"),url(/hbz/resources/build/fonts/lato-thin.6734a19b.ttf) format("truetype")}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url(/hbz/resources/build/fonts/lato-regular.23037162.woff2) format("woff2"),url(/hbz/resources/build/fonts/lato-regular.05303660.woff) format("woff"),url(/hbz/resources/build/fonts/lato-regular.80c07943.ttf) format("truetype")}@font-face{font-family:Lato-Bold;font-style:normal;font-weight:700;src:url(/hbz/resources/build/fonts/lato-bold.5ef21377.woff2) format("woff2"),url(/hbz/resources/build/fonts/lato-bold.efd531b5.woff) format("woff"),url(/hbz/resources/build/fonts/lato-bold.bb154e8d.ttf) format("truetype")}@font-face{font-family:Cairo-Regular;font-style:normal;src:url(/hbz/resources/build/fonts/Cairo-Regular.6ae2e5d4.eot);src:url(/hbz/resources/build/fonts/Cairo-Regular.6ae2e5d4.eot?#iefix) format("embedded-opentype"),url(/hbz/resources/build/fonts/Cairo-Regular.6e9535a6.woff) format("woff"),url(/hbz/resources/build/fonts/Cairo-Regular.c12e6ac2.ttf) format("truetype")}:root{height:100%;touch-action:pan-x pan-y}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#151210;font-family:SF Arabic;margin:0;min-height:100vh;padding:0}.font-lato{font-family:Lato,"sans-serif"!important}.font-lato-light{font-family:Lato-Light,"sans-serif"!important}.font-lato-bold{font-family:Lato-Bold,"sans-serif"!important}.container{background-attachment:fixed;background-color:#cdbb8c;background-image:url(/hbz/resources/build/images/bg-v2.f1023b85.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;max-width:500px;min-height:100vh}img{vertical-align:bottom}.img-fluid{display:inline-block;height:auto;max-width:100%}.logo{padding:35px 0}.logo img{max-width:290px}.logo,.select-time,.station{text-align:center}.btn-next,.btn-prev,.station-name{background:#e0ffd3;border-radius:6px 6px 0 0}.station-name{font-family:Cairo-Regular;font-size:20px;font-weight:700;padding:10px}.station{flex:50%;max-width:50%;padding:10px 5px}.btn-next,.btn-prev,.station-name{color:#000;text-align:center}.btn-next,.btn-prev{border:0;border-radius:6px;cursor:pointer;padding:15px}.select-time{column-gap:10px;display:flex;justify-content:center;padding:10px 15px}.date-time{background:#f2f2f2;border:0;border-radius:6px;box-shadow:inset 0 0 4px 0 rgba(94,66,46,.31);flex-grow:1;font-size:16px;line-height:54px;text-align:center;vertical-align:middle}.date-time span{display:inline-block}.date-time span.time{color:#a20101;font-weight:700;margin-left:5px}.date-time,.station{color:#0b2d0d}.stations{display:flex;flex-wrap:wrap;padding:20px 10px 10px}.btn-next,.btn-prev,.station>div{box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.reading{background-image:linear-gradient(180deg,#d8d8d8,#eee);border-radius:0 0 6px 6px;box-shadow:inset 0 0 4px 0 rgba(179,179,179,.31);padding:10px}.reading-value{display:inline-block;font-size:40px;margin:0 15px}.reading-unit{font-size:14px}@media (min-width:375px){.date-time{font-size:18px}}@media (min-width:450px){.date-time{font-size:25px}}