/* FONTS */
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-ExtraLight-Italic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-Light-Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-Medium-Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-DemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-DemiBold-Italic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TTChocolate';
  src: url('../fonts/TT-Chocolates-Trial-ExtraBold-Italic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

:root {
  --main-spacing: 0.3em;
  --main-uppercase-spacing: 0.4em;
  --main-long-description-spacing: 0.2em;
  --main-background-color: rgb(19, 19, 19);
  --main-red-color: rgb(255, 55, 0);
  --sec-red-color: rgb(125, 27, 0);
  --transition-time: 0.2s;
  --transition-time-fast: 0.1s;
  --transition-time-long: 0.4s;
}


body {
  background: var(--main-background-color);
  font-family: 'TTChocolate', sans-serif;
  letter-spacing: var(--main-spacing);        /* Adds spacing between letters */
  color: white;
}