.sensor, .sensor th, .sensor td 
{
  border: 1px solid black;
  border-collapse: collapse;
  padding-left: 8;
  padding-right: 8;
}
.sensor th
{
  color: beige;
  background: navy;
  border-color: white;
}

a {font-size:x-large}
.graph {min-width: 800px;}

header {
  background-color: #333;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: top 0.3s;
  height: 5vh;
}

h1 {
    text-align: center; /* Center the text */
    background-color: lightgrey; /* Set light grey background */
    width: 100%; /* Occupy 100% width */
    padding: 20px 0 15px 0; /* Add padding for spacing */
    font-size: medium; /* Set font size to medium */
} 

.header-buttons {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    padding: 0 20px; /* Add padding to the buttons */
    height: 100%; /* Set height of buttons to 100% of the header height */
    background-color: rgba(172, 188, 234, 0.1);
}
.header-buttons a {
    text-decoration: none;
    color: #fff;
    font-size:x-large;
    transition: background-color 0.3s;
    flex: 1; /* Distribute buttons evenly */
    text-align: center;
    cursor: pointer;
    height: 100%; /* Set height of buttons to 100% of the header height */
    display: flex; /* Use flexbox */
    align-items: center; /* Vertically center text */
    justify-content: center; /* Horizontally center text */

}
.header-buttons a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.content {
  padding: 20px;
  padding-top: 5vh; /* Add padding to content to avoid overlapping with fixed header */
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* Additional styles specific to the theme switch button */
.theme-switch {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.theme-switch:hover {
    background-color: #555;
}