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

body,
h1,
h2,
h3,
p,
input,
ol,
li {
  margin: 0;
  padding: 0;
}

:root {
  --color-primary:  #611F1D;
  --color-light: #FFF;

  --spacing-medium-small: 12px;

	--font-size-lg: 18px;
	--font-size-xl: 24px;
}
body {
  min-height: 100vh;
  font: normal 1rem/1.5 "Inter", sans-serif;
  background-color: var(--color-primary);
  color:var(--color-light);

}
.h2 {
  margin-bottom: var(--spacing-medium-small);
  text-align: center;
  font-size: var(--font-size-xl);
}
.h3 {
  margin-top: var(--spacing-medium-small);
  text-align: center;
  font-size: var(--font-size-lg);
}

.app {

  min-height: 100vh;
  margin: auto;
  min-width: 360px;
  max-width: 780px;
}

main {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 21px 42px 0 42px;
}
.banner {
  margin-top: -15%;
  margin-bottom: -15%;
  width: 100%;
}