#main-color {
  background-color: #f53456;
  color: #f53456 + #111111;
}

.core {
  height: 100%;
}
.core cr-columns,
.core cr-rows,
.core cr-partition,
.core cr-sidemenu {
  display: flex;
  overflow: auto;
  overflow-wrap: anywhere;
  flex: 1;
}
.core cr-columns,
.core cr-rows,
.core cr-partition,
.core cr-article,
.core cr-sidemenu {
  justify-content: start;
  align-content: space-around;
  border: 1px solid #111;
  transition: all 0.5s ease-out;
  border-radius: 0.5rem;
}
.core cr-columns {
  border: 2px solid red;
}
.core cr-rows,
.core cr-partition,
.core cr-sidemenu {
  flex-direction: column;
}
.core cr-partition,
.core cr-sidemenu {
  border: 2px solid green;
}
.core cr-article {
  padding: 1rem;
  border: 2px solid blue;
}
.core .side-off {
  flex: 0.1 !important;
}
.core .no-wrap {
  overflow-wrap: break-word !important;
}

cr-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}