:root {
  --black: #272631;
  --cobalt: #463F4F;
  --mecha: #776D75;
  --gary: #AFA69D;
  --terracotta: #DFD0BD;
  --buttermilk: #FFFCE9;

  --maroon: #812C3F;
  --teto: #C52F5C;
  --oranj: #C52F5C;
  --neru: #EAD256;
  --forest: #36541E;
  --green: #38A343;
  --turquiose: #234E6E;
  --ao: #128A98;
  --miku: #2CCCB0;
  --mint: #82F2A6;
  --nightsky: #1D1585;
  --sonic: #3740DD;
  --queer: #652B99;
  --lavenda: #966DCD;
  --mahenta: #A70D93;
  --amy: #E782BC;

  --cocoa: #4E2722;
  --brown: #7E4A34;
  --cappucino: #AD7749;
  --aria: #D2A56E;
  --batter: #FCDAAC;

}

body{
  margin: 0;
  padding: 0;
  background-image: url(flowerbg.png);
  font-family: arial;
}

h1, h2, h3{
  font-weight: 400;
  font-family: serif;
  font-style: italic 
}

#homepage{
  margin:20px;
}

#handle{
  height:30px;
  width:256px;
  margin:auto;
}

.paper{
  background-color:var(--buttermilk);
  padding:5px 20px 5px 20px;
  margin:auto;
  width: 746px;
}

.canvas{
  background-color:var(--aria);
  padding:5px 20px 5px 20px;
  margin:auto;
  width: 746px;
}

.paper img{
  outline: 2px double var(--terracotta);
  outline-offset: 4px;
  margin-right: 2px;
}

.canvas img{
  outline: 2px double var(--cappucino);
  outline-offset: 4px;
  margin-right: 2px;
}