*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --bg:      #f4f1ea;
  --black:   #111111;
  --white:   #faf7f2;


  --yellow:  #ff4000;
  --pink:    #ff4fd8;
  --blue:    #2864ff;
  --green:   #c60095;
  --orange:  #ff8c00;
  --teal:    #00bfb3;
  --purple:  #7c3aed;

  --greenBT:   #00d26a;
  --footer-h: 88px;
}

html, body {
  width: 100%;
  min-height: 100%;
  background: var(--bg);
  color: var(--black);
  font-family: "Times New Roman", serif;
}

body {
  padding: 24px;
  padding-bottom: calc(var(--footer-h) + 40px);
  overflow-x: hidden;
  font-size: 22px;
}

h1 {
    font-size: 110px;
    line-height: .86;
    font-weight: normal;
    letter-spacing: -0.05em;
    margin-bottom: 24px;
  }