.cloudnote-header__container {
  position: absolute;
  width: 100%;
  height: 5rem; /* 100px */
  top: 0rem;
  left: 0rem;
  border-bottom: solid 0.05rem gray;
  background-image: url("../img/headerBG.png");
  background-size: contain;
  background-repeat: repeat-x;
  z-index: 1000;
  display: flex;
}

.cloudnote-header__logo {
  height: 100%;
  width: 25rem; /* 500px */
  margin: auto;
  background-image: url("../img/logo.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.cloudnote-header__button {
  width: 4rem;  /* 80px */
  height: 4rem; /* 80px */
  margin: 0.5rem 1.25rem; /* 10px 25px */
  position: absolute;
}