#map {
    width: 100%;
    aspect-ratio: 1200 / 800;
    border: 1px solid black;
    background: url('overlay.png'), url('map_cropped.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#greenhouse {
    width: 100%;
    aspect-ratio: 1200 / 800;
    border: 1px solid black;
    background: url('temp.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: none;
}
#tank {
    width: 100%;
    aspect-ratio: 1390 / 880;
    border: 1px solid black;
    background: url('tank.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/* Node boxes */
#map table {
    border: 1px solid black;
    background-color: rgba(55, 110, 2, 0.8);
}
#map th {
    color: black;
    font-weight: bolder;
}
#map td {
    color: black;
}
#map td i {
    width: 25px;
}

.last_update {
    position: absolute;
    top: 0.5%;
    right: 0.5%;
    color: grey;
}


/* Node Locations */
#node1 {
    position: absolute;
    bottom: 8%;
    left: 65.8%;
}
#node2 {
    position: absolute;
    top: 50.5%;
    left: 79.5%;
}
#node3 {
    position: absolute;
    top: 7%;
    right: 47.1%;
}
#node4 {
    position: absolute;
    top: 66.5%;
    left: 54.7%;
}
#node5 {
    position: absolute;
    top: 69.5%;
    right: 55.5%;
}
#node6 {
    position: absolute;
    top: 21%;
    left: 63.5%;
}
#node7 {
    position: absolute;
    top: 36%;
    left: 48.5%;
}
#node8 {
    position: absolute;
    top: 54.5%;
    right: 67.3%;
}


/* Greenhouse */
#greenhouse table {
    border: 1px solid black;
    background-color: rgba(55, 110, 2, 0.8);
}
#greenhouse th {
    color: black;
    font-weight: bolder;
}
#greenhouse td {
    color: black;
}
#greenhouse td i {
    width: 25px;
}
#greenhouse_signal {
    position: absolute;
    bottom: 8%;
    left: 65.8%;
}
#greenhouse_temp1 {
    position: absolute;
    top: 50.5%;
    left: 79.5%;
}
#greenhouse_temp2 {
    position: absolute;
    top: 15%;
    right: 47.1%;
}
#greenhouse_soil {
    position: absolute;
    top: 66.5%;
    left: 54.7%;
}



/* Tank */
#tank_scale {
    position: absolute;
    bottom: 0%;
    width: 100%;
    background-color: rgb(80, 125, 170);
    height: 30%;
}
#tank_scale_outline {
    position: absolute;
    left: 20%;
    bottom: 13%;
    width: 10%;
    border: 2px solid black;
    box-sizing: border-box;
    height: 65%;
}
#tank_percent {
    position: absolute;
    left: 32%;
    top: 30%;
    border: 2px solid black;
    box-sizing: border-box;
    background-color: cadetblue;
    padding: 10px;
}