@import url("variable.css");
@import url("font.css");

body {
  -webkit-tap-highlight-color: transparent;
  background-color: var(--color-sand-light);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-primary);
}

p,
a,
blockquote,
pre,
dl,
dd,
ol,
ul,
figure,
figcaption,
hr,
fieldset,
legend {
  font-family: var(--font-family-secondary);
}

.main section {
  background-color: var(--color-sand-light);
  max-width: 1000px;
  margin: 0 auto;
  padding: var(--spacing-md);
}

.main article {
  background-color: var(--color-sand-light);
  max-width: 1000px;
  margin: 0 auto;
  padding: var(--spacing-md);
}

/*
* {
    outline: 1px solid red;
}

* * {
    outline: 1px solid orange;
}

* * * {
    outline: 1px solid yellow;
}

* * * * {
    outline: 1px solid green;
}

* * * * * {
    outline: 1px solid blue;
}

* * * * * * {
    outline: 2px solid purple;
}

* * * * * * * {
    outline: 2px solid pink;
}

* * * * * * * * {
    outline: 3px solid cyan;
}

* * * * * * * * * {
    outline: 3px solid lime;
}

* * * * * * * * * * {
    outline: 4px solid brown;
}
*/