:root {
  /* Catppuccin Latte Colour Theme */
  /* Peach */
  --Rosewater: #dc8a78;
  --Flamingo: #dd7878;
  /* Pink */
  --Pink: #ea76cb;
  --Mauve: #8839ef;
  /* Reds */
  --Red: #d20f39;
  --Maroon: #e64553;
  /* Yellows */
  --Peach: #fe640b;
  --Yellow: #df8e1d;
  /* Green/Teal */
  --Green: #40a02b;
  --Teal: #179299;
  --Sapphire: #209fb5;
  /* Blues */
  --Blue: #1e66f5;
  --Lavender: #7287fd;
  --Sky: #04a5e5;
  /* Text */
  --Text: #4c4f69;
  --Subtext1: #5c5f77;
  --Subtext0: #6c6f85;
  /* Overlays */
  --Overlay2: #7c7f93;
  --Overlay1: #8c8fa1;
  --Overlay0: #9ca0b0;
  /* Surfaces */
  --Surface2: #acb0be;
  --Surface1: #bcc0cc;
  --Surface0: #ccd0da;
  /* Background */
  --Base: #eff1f5;
  --Mantle: #e6e9ef;
  --Crust: #dce0e8;

  /* Catppuccin Mocha Trimmed Colours */
  --MochaMantle: #181825;
  --MochaBase: #1e1e2e;
  --MochaCrust: #11111b;
}

* {
  box-sizing: border-box;
}

body {
  background: var(--MochaCrust);
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

main {
  background-color: var(--Crust);
  margin: 0% 5% 0% 5%;
  border-left: 2px solid var(--Text);
  border-right: 2px solid var(--Text);
}