:root {
  --yellow: #ffc600;
  --black: #272727;
  --pink: #e0c7be; 
  --lightblue: #718AAA;
  --tomato: #F15946;
}

html {
 
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 900;
  font-size: 10px;
  color: var(--black);
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}


*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background-image: url("../img/wood-pattern.svg.svg"),
    linear-gradient(110deg, #9D380E, #718aaa);
  background-size: 340px, auto;
  min-height: calc(100vh - 100px);
  margin: 50px;
  /* background: white; */
  background-attachment: fixed;
  letter-spacing: -1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 5px 0;
}