body {background-color: #0f1520; background-image: url("mo.png"), url("st.png"); background-repeat: no-repeat,repeat-x; background-position: right top, bottom right;}

.title {color: #e4e9ed; display: block; font-family: Arial; font-weight: bold; margin: 20px auto 5px auto; text-align: center; font-size: 55px;}
.location {color: #e4e9ed; display: block; font-family: Arial; margin: 0px auto 35px auto; text-align: center; font-size: 45px;}
.hrefnd {text-decoration: none; color: #e4e9ed;}

.dashboard {display: flex; width: 850px; margin: 0px auto 20px auto; gap: 20px; flex-wrap: wrap; justify-content: center;}
.dbcell {width: 154px; height: 100px; border-radius: 20px; background-color: #e4e9ed;}
.dbctitle {height: 15px; text-align: center; font-family: Arial; font-size: 14px; font-weight: bold; margin: 5px 0px 0px 0px;}
.dbccontainer {height: 80px; display: flex; align-items: center; justify-content: center;}
.dbcccontent {text-align: center; font-family: Arial; font-size: 24px;}
.dbcccmintemp {font-size: 18px; color: #0eaefb;}
.dbcccavgtemp {font-size: 18px; color: #000000;}
.dbcccmaxtemp {font-size: 18px; color: #c67700;}

.camera {width: 850px; height: 478px; margin: 0px auto 30px auto; overflow: hidden; border: none; border-radius: 25px; border-style: none; background-color: #000000;}
.cameraimg {width: 850px; height: 478px; border: none;}

.buttonbar {width: 850px; height: 60px; margin: 0px auto 20px auto;}
.button {display: inline-block; width: 154px; height: 60px; margin: 0px 20px 0px 0px; background-color: #e4e9ed; border-radius: 10px;}
.buttonbox {width: 154px; height: 60px; margin: 0px 0px 0px 0px;}
.button:last-child {margin: 0px 0px 0px 0px;}
.buttoncontent {text-transform: uppercase; width: 154px; font-family: Arial; text-align: center; font-size: 20px; position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.button.selected {height: 125px;}
.button > a {text-decoration: none; color: #000000;}

.graphs > :first-child {margin: 0px auto -5px auto; border-radius: 25px 25px 0px 0px;}
.graphs > :not(:first-child):not(:last-child) {margin: 0px auto -5px auto;}
.graphs > :last-child {margin: 0px auto 25px auto; border-radius: 0px 0px 25px 25px;}
.graphs > * {width: 850px; height: 400px; overflow: hidden; background-color: #e4e9ed;}
.graph_not_available {font-family: Arial; font-size: 14px; margin: 5px 0px 0px 138px;}

.footer {font-family: Arial; display: flex; align-items: center; font-size: 12px; width: 850px; height: 50px; margin: 0px auto 225px auto; border-radius: 25px 25px 25px 25px; background-color: #e4e9ed;}
.footercontent {text-align: center; width: 850px;}