h1{font-size:2em;line-height:1.1;margin:15px 0}.App{text-align:center;margin:auto}.App-header{background-color:#282c34;padding:10px;color:#fff}.toolbar{margin:20px 0}.toolbar button{margin-right:10px;padding:10px 20px;font-size:16px}canvas{z-index:10;position:relative;border:1px solid #ccc;margin:auto;user-select:none!important}.canvas-container{margin:auto}.canvas-wrapper{display:grid;grid-template-columns:30px auto;grid-template-rows:30px auto;position:relative}.guideline{pointer-events:none;z-index:99999}.guideline-horizontal{grid-column:2 / 3;grid-row:1 / 2;display:flex;position:absolute;width:100%;height:100%}.guideline-vertical{grid-column:1 / 2;grid-row:2 / 3;display:flex;flex-direction:column;position:absolute;width:100%;height:100%}.guideline-text{position:absolute;font-size:12px;color:#000}.guideline-horizontal .guideline-text{transform:translate(-45%,-100%)}.guideline-vertical .guideline-text{transform:translate(-100%,-30%);padding-right:2px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:inherit}body{margin:0;min-width:320px;min-height:100vh}
@font-face {
  font-family: 'Bunny Hop';
  src: url('fonts/BunnyHop.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BIG LOVE';
  src: url('fonts/BIGLOVE.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Irish Gaelic';
  src: url('fonts/IrishGaelic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Silly Stencil Smooth';
  src: url('fonts/SillyStencilSmooth.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Halloween Drip';
  src: url('fonts/HalloweenDrip.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Big+Shoulders+Stencil+Display:wght@100..900&family=Black+Ops+One&family=Emblema+One&family=Expletus+Sans:ital,wght@0,400..700;1,400..700&family=Keania+One&family=Kenia&family=Plaster&family=Protest+Guerrilla&family=Saira+Stencil+One&family=Sirin+Stencil&family=Stardos+Stencil:wght@400;700&family=Stick+No+Bills:wght@200..800&family=Wallpoet&display=swap');