#message {
  color: rgb(255, 255, 255);
  font-size: 3em;
  text-align: center;
}

.sidebar {
  display: flex;
  flex-direction: column;
  height: 80vh;
}
.sidebar__menu {
    width: 100px;
    float: left;
    background-color: #f0f0f0;
    box-sizing: border-box;
}

#main {
    margin: 7px 10px 7px 110px;
    background-color: #ffffff;
    box-sizing: border-box;
}

.sidebar__title {
  font-size: 1.5em;
  text-align: center;
}
.sidebar__buttons {
  font-size: 1.3em;
  display: flex;
  flex-direction: column;
}
.sidebar__button {
  border: solid;
  text-align: center;
    padding: 5px;
    margin: 5px;
  border: 1px solid rgb(0, 0, 0);
}
.sidebar__shapes {
  font-size: 1.3em;
  margin-top: 0.5em;
  display: flex;
  flex-direction: column;
}
.sidebar__shape {
  border: solid;
  text-align: center;
    padding: 5px;
    margin: 5px;
  border: 1px solid rgb(0, 0, 0);
}
.sidebar__selectors {
  display: flex;
  flex-direction: column;
  margin-top: 0.5em;
  font-size: 1.3em;
}
.sidebar__selector {
  border: solid;
  text-align: center;
    padding: 5px;
    margin: 5px;
  border: 1px solid rgb(0, 0, 0);
}
.sidebar__selector.active {
    background-color: #e4e4e4;
}
.sidebar__footer {
  text-align: center;
  margin-top: auto;
}

.main {
  height: 600px;
}

.selection {
  position: absolute;
  display: none;
  outline: rgb(153, 153, 255) solid 2px;
  pointer-events: none;
  left: 333.617px;
  top: 55px;
  width: 175.5px;
  height: 175.5px;
}