
<style>
.x {}
    body
    {
      margin: 0px;
      width: 100%;
      background-color: #eee;
    }
    .container {
        display: flex;
        width: 100%;

    }
    .left-side {
        width: 80%;
        padding: 20px;
    }
    .right-side {
        width: 20%;
        padding: 20px;
        height: 688px; /* Adjust height as needed */
        border-left: 1px solid #ddd;
        background-color: #fff;
    }
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0 20px 0;
    }
    .chart-container {
        width: 100%;
        height: 600px; /* Adjust height as needed */
        position: relative;
        background-color: #fff;
    }
    canvas {
        width: 100% !important;
        height: 100% !important;
    }
    h2, #dateText {
        font-family: Arial, sans-serif;
        color: rgba(0, 0, 0, 0.7); /* Use the same color as the temperature values */
    }
    p {
        font-family: Arial, sans-serif;
        color: rgba(255, 0, 0, 1); /* Use the same color as the temperature values */
    }

    cpy {
      font-family: Arial, sans-serif;
      color: rgba(0, 0, 0, 0.5);
      text-align: center;
      float: center;
      display: block;
      padding-top: 35px;
    }

    #temperatureReadingsText {
        color: rgba(0, 0, 0, 0.5); /* Use the same color as the temperature values */
    }

    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #999;
        overflow: hidden;
        font-family: Arial, sans-serif;
        border-top: 1px solid #555;
        border-bottom: 1px solid #555;
    }
    .navbar a {
        color: white;
        text-align: center;
        padding: 14px 16px;
        color: black;
        font-family: Arial, sans-serif;
        text-decoration: none;
        transition: background 0.3s;
    }
    .navbar a:hover {
        font-family: Arial, sans-serif;
        background-color: #333;
        color: white;
    }
</style>
