#footer[data-v-5e49538a]{width:90vw;left:5vw;font-size:1.5em}#quote[data-v-5e49538a]{float:left;width:60vw}#copyright[data-v-5e49538a],#quote[data-v-5e49538a]{display:table-cell;text-align:center;white-space:nowrap;overflow:auto}#copyright[data-v-5e49538a]{float:right;width:20vw}.calculator[data-v-5d92676c]{--button-width:90px;--button-height:70px;--display-height:80px;width:calc(var(--button-width)*5);height:calc(var(--display-height)*2 + var(--button-height)*4);position:absolute;float:left;top:15vh;left:5vw;display:grid;grid-template-columns:repeat(5,var(--button-width));grid-template-rows:repeat(2,var(--display-height)),repeat(4,var(--button-height));grid-template-areas:"expression expression expression expression expression" "result result result result result" "number-7 number-8 number-9 pre-bracket post-bracket" "number-4 number-5 number-6 add sub" "number-1 number-2 number-3 mul div" "number-0 dot delete ac equal";border-radius:11px;background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:11px 11px 30px #c9c9c9,-11px -11px 30px #fff}.calculator button[data-v-5d92676c]{margin:1px;padding:0;border:0;display:block;outline:none;font-size:21px;font-family:Helvetica,serif;font-weight:400;border-radius:1px;background:#fafafa}.calculator button[data-v-5d92676c]:active{box-shadow:inset -4px -4px 10px -8px #fff,inset 4px 4px 10px -8px rgba(0,0,0,.3)}.calculator .equation[data-v-5d92676c]{text-align:left}.calculator .equation[data-v-5d92676c],.calculator .result[data-v-5d92676c]{height:80px;line-height:var(--display-height);font-size:30px;font-family:Helvetica,serif;padding:0 20px;white-space:nowrap;overflow-x:auto}.calculator .result[data-v-5d92676c]{text-align:right}.treeDisplay{width:calc(80vw - 450px);position:absolute;float:left;top:5vh;bottom:10vh;right:5vw;display:grid;grid-template-columns:200px auto;grid-template-rows:40px auto repeat(3,40px);grid-template-areas:"title title" "treeDisplay treeDisplay" "text-pre preOrder" "text-in inOrder" "text-post postOrder";border-radius:11px;background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:11px 11px 30px #c9c9c9,-11px -11px 30px #fff}.treeDisplay .title{text-align:center;border-bottom:1px solid #bdbdbd;line-height:40px;font-size:30px;font-family:Helvetica,serif;padding:0 20px;overflow-x:auto}.treeDisplay .container{padding:10px 20px;white-space:nowrap;overflow:auto}.treeDisplay .text{padding-left:20px}.treeDisplay .expression,.treeDisplay .text{text-align:left;border-top:1px solid #bdbdbd;border-radius:1px;background:#fafafa;line-height:40px;font-size:30px;font-family:Helvetica,serif;white-space:nowrap;overflow-x:auto}.treeDisplay .expression{padding-right:20px}div.tree{display:flex;flex-wrap:wrap;align-items:flex-start}.tree>.tree{width:50%}div.tree>span{width:100%;text-align:center;vertical-align:top;padding-bottom:3em;background-image:url(../img/both.9fdc1a22.svg);background-repeat:no-repeat;background-size:100% calc(100% - .5em);background-position:0 0}div.tree>span>span{border:3px solid #636363;border-radius:50%;padding:3px}div.tree>span:only-child{background-image:none;padding-bottom:0}#app{height:100vh;overflow:hidden}