#side-float {
  margin: 0px;
  padding: 0px 10px 0px;
  text-align: center;
  /*  */
  /* width: 250px; */
  height: 30px;
  background: #222a36;
  /* #4F4F4F; */
  border-radius: 0px 0px 5px 0;
  z-index: 15;
  /*  */
  position: fixed;
  left: 0;
  top: 0;
  /*  */
  /* -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); */
  /* 0 0 is top left */
  transform-origin: 0 0;
  display: grid;
  place-items: center;
}

#side-float p {
  font-family: 'Montserrat', monospace;
  font-size: 14px;
  color: #ddd;
  letter-spacing: 1px;
}

/* - - - - - - - - - - - - - - - - - - - -  */
footer {
  font-size: 14px;
  letter-spacing: 1px;
  text-align: right;

  display: flex;
  justify-content: space-between;
  align-items: baseline;

  /* border: 1px solid red; */
}

/* - - - - - - - - - - - - - - - - - - - -  */
.logo-svg {
  /* display: inline-block; */
  /* border: 1px solid red; */
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.logo-svg img {
  max-height: 50px;
}

/* - - - - - - - - - - - - - - - - - - - -  */
.qrcode {
  display: flex;
  justify-content: flex-end;
  /* border: 1px solid red; */
}

.qrcode img {
  outline: 4px solid #fff;
}