/* comment cntr + / */
:root{
  --clr-h: #8d6d07;
  --clr-l: #6c6c6c;  
}

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

*{
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

img{
  display: block;
  max-width: 100%;
}

body{
  font-family: "Open Sans", sans-serif;
  background-color: #e9e5d6;
}

a{
  color: var(--clr-l);
}

h1{
  /* color: #4e3d05; */
  font-size: 3rem;
  font-weight: 800;
  letter-spacing: .1rem;
  text-align: center;
  margin: .5rem 0;
}

h2{
  color: var(--clr-h);
  font-family: "Sofia Sans", sans-serif;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: .1rem;
  margin: .6rem 0;
}

h4{
  color: var(--clr-h);
  font-family: "Sofia Sans", sans-serif;
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: .1rem;
  margin: .6rem 0 .2rem 0;
}

p{
  margin: 0 1rem 1rem 4rem;
  max-width: 70ch;
}

ul {
  list-style-type: square;
    padding: 1rem;
}

ul li::marker{
  color: var(--clr-h);
}

ul li ul{
  list-style-type: " - ";
  padding-left: 3rem; 
  /* background-color: lightyellow; */
}

section img{
  
  width: 30vw;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  object-position: top;
  border: 1rem solid white;
  border-radius: 50%;
  margin: 0 auto;
}

section{
  margin: 2rem 5rem;
}