:root{--primary-color: #ffffff;--secondary-color: rgb(0, 115, 255);--border-color: black}.appbar{padding:.5%;display:flex;justify-content:space-between;height:fit-content}.logo{margin:auto 0;width:15rem}.tools-section{display:flex;background-color:#c1fff9;border-radius:.6rem;margin:auto 1%}.tool{width:40px;height:40px;background:inherit;border:none;border-radius:20%;margin:.3em}.tool:hover{background:var(--secondary-color);cursor:pointer}.redo{transform:scaleX(-1)}.hamburger{width:40px;height:40px;background:inherit;border:none;border-radius:20%;margin:.3em}.hamburger:hover{cursor:pointer}.color-picker{height:90%;width:90%;border-radius:20%}.undoRedo{margin-left:auto}.partition{border:1px solid var(--border-color);height:2em;margin:auto}select{font-size:1em;color:var(--border-color)}.tool-box{margin-right:auto}.selected{background:#5491a9}@media only screen and (max-width: 800px){.tool-box{position:fixed;bottom:0;left:50%;transform:translate(-50%)}}@media only screen and (max-width: 500px){.logo{width:40%;margin-left:.5em}.appbar{padding-top:2%}.tool:hover{background:#5491a9}.clearBoard:hover{background:none;cursor:pointer}}.ham{position:absolute;right:0;margin:45px 1.5%;align-items:flex-end;display:flex;flex-direction:column}.ham-menu{max-height:0;width:100px;overflow:hidden;display:flex;flex-direction:column;background-color:#c1fff9;margin-top:10px;border-radius:10px;padding:5px;opacity:0;transition:max-height .3s ease,opacity .3s ease}.open{max-height:200px;opacity:1}.live{background:#d64747;border-radius:10px;padding:4px;margin-bottom:5px}.live:hover{background-color:red;cursor:pointer}.clearBoard{background-color:inherit;border-radius:10px;padding:4px;font-weight:700;margin-top:5px}.clearBoard:hover{background:#c1fff9;cursor:pointer}.v-partition{border:1px solid grey;margin:10px 0}.container{position:fixed;width:100%;height:100%;background:#fff}.board-container{width:inherit;height:inherit;margin:auto;background:#fff}*{margin:0;padding:0}