body > div#content {
    display: flex;
    justify-content: space-around;
    overflow: hidden;
}

div#leftpanel,
div#rightpanel {
    display: inline-block;
    border: solid 1px;
    box-sizing: border-box;
    width: 0%;
    height: 100vh;
    margin: 0;
}

div#leftpanel {
    flex-grow: 2;
    background-color: gray;
}
div#leftpanel canvas.canvas {
    position: fixed;
    border: solid 1px;
    box-sizing: border-box;
    top: 0;
    left: 0;
}

div#rightpanel {
    flex-grow: 1;
}
div#rightpanel div {
    width: 95%;
    margin: auto;
}
div#rightpanel div#color-palette {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
div#rightpanel div#color-palette p {
    height: 5vmax;
    width: 5vmax;
    margin: 0.5vmax;
    box-sizing: border-box;
    border-radius: 5vmax;
    filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.35));
    transition: all 0.2s;
    cursor: pointer;
}
div#rightpanel div#color-palette p:hover {
    filter: drop-shadow(0 0 0.3em rgba(0, 0, 0, 0.8));
}
div#rightpanel div#color-palette p.select {
    border: inset 0.3em rgba(200, 200, 200, 0.7);
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.8));
}
div#rightpanel div#thickness {
    display: flex;
    justify-content: center;
}
div#rightpanel div#thickness p {
    flex-grow: 1;
    text-align: center;
    user-select: none;
}
div#rightpanel div#thickness input {
    flex-grow: 2;
}
div#rightpanel div.pair {
    display: flex;
    justify-content: space-around;
}
div#rightpanel div.pair div.btn {
    width: 45%;
    height: 2em;
    box-sizing: border-box;
    margin: 0.2em 0;
    padding: 0.25em 0;
    font-size: 1.5em;
    background-color: #fafafa;
    text-align: center;
    user-select: none;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 0.25em;
    border: none;
    filter: drop-shadow(0.1em 0.1em 0.1em rgba(0, 0, 0, 0.5));
    transition: all 0.35s;
}
div#rightpanel div.pair div.btn:hover {
    filter: drop-shadow(0.1em 0.1em 0.1em rgb(0, 0, 0));
}
div#rightpanel div.pair div.btn.select {
    border: inset 0.2em lightgray;
}
div#rightpanel div.pair div.btn img {
    max-height: 100%;
}
div#rightpanel div.pair div.btn p {
    display: inline;
    margin: 0;
    text-align: center;
}
div#rightpanel div.pair input[type="text"] {
    width: 45%;
    height: 2em;
    box-sizing: border-box;
    margin: 0.2em 0;
    padding: 0.25em 0;
    font-size: 1.5em;
    background-color: #fafafa;
}

/*# sourceMappingURL=style.css.map */