.map {
        width: 100%;
        height: 100%;
      }
      .fullscreen:-webkit-full-screen {
        height: 100%;
        margin: 0;
      }

      .fullscreen:fullscreen {
        height: 100%;
      }

      .fullscreen {
        margin-bottom: 10px;
        width: 100%;
        height: 100%;
      }

      .map .ol-rotate {
        top: 3em;
      }

      .map {
        width: 80%;
        height: 100%;
        float: left;
      }

            .sidepanel {
              background: #3E344A;
              width: 18rem;
              height: 100%;
              float: right;
              border-radius: 10px;
            }
      
            .sidepanel-title {
              width: 100%;
              font-size: 1em;
              color: #ffffff;
              display: block;
              text-align: start;
      
              padding-left: 15px;
            }
      .sidepanel-label {

        color: #ffffff;


      }