body {
    background-color: #dddddd;
}

h1 {
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 200%;
    color:black;
    text-align:center;
}
h2 {
    text-align: center;
    font-variant:small-caps;
}
#container {
    display:flex
}
#leftbox, #middlebox, #rightbox {
    border:2px solid black;
    padding: .5rem;
}
#leftbox, #rightbox {
    width:25%;
}
#middlebox {
    width:50%;
    text-align:center;
}
#rightbox {
    text-align:right;
}
img {
    display:block;
    margin:1rem auto;
    max-width:90%;
    border:2px solid black;
}
#dtemperature {
    font-family:'Times New Roman', Times, serif;
    text-align: center;
}
#dhumidity {
    font-family:'Times New Roman', Times, serif;
    text-align: center;
}
#toolowtemp {
    display: none;
    color: red;
    font-weight: bold;
    font-size: 150%;
}
#toolowhumid {
    display: none;
    color: red;
    font-weight: bold;
    font-size: 150%;
}