/* body {
  height: 500px;
} */
:root {
  --main-color: #d5d0cd;
  --text-color: #444;
  --backgroud-color: #fcfcfc00;
  --secondary-color: #ede7e4;
}

img {
  width: 1000px;
}

h1,
h2,
h3,
p,
a {
  color: #292929;
}

h1 {
  font-style: italic;
  text-align: right;
  /* font-weight: 0; */
  position: absolute;
  top: 200px;
  left: 20px;

  margin-top: 20px;

  font-size: 300px;
}

nav {
  font-size: 25px;

  position: absolute;
  top: 20px;
  right: 0;

  margin-right: 40px;
}

nav a {
  text-decoration: none;
  padding: 10px 20px;
  border-right: solid #444 3.5px;
}

a:active {
  color: #444;
}
/* 
div {
  padding: 20px 20px;
  background-color: #444;
} */