@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap");

* {
   box-sizing: border-box;
}

body {
   background-color: #f5f5f5;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 0.5rem 0 1rem;
   justify-content: center;
   font-family: "Poppins", sans-serif;
   margin: 0;
   /* height: 100vh; */
   min-height: 100vh;
}

canvas {
   border: 2px solid rebeccapurple;
}

.toolbox {
   background-color: rgba(169, 223, 121, 0.626);
   border: 1px solid rgba(172, 121, 223, 0.626);
   display: flex;
   padding: 0.5rem 1rem;
   width: 1204px;
}

.toolbox > * {
   background-color: #fff;
   border: none;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 2rem;
   padding: 0.25rem;
   margin: 0.25rem;
   height: 50px;
   width: 50px;
}

.toolbox > *:last-child {
   margin-left: auto;
}