/* RESET */
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

/* BASE */
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
  background-color: white;
  /* Test con immagine esterna */
  background-image: url('portrait-2.png'); 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 200px;
  background-attachment: fixed;
}

/* LAYOUT */
.wrapper {
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.column {
  grid-column: 2;       /* right half */
  justify-self: start; /* left edge of right column */
}

/* TYPOGRAPHY */
.headline {
  font-size: 24px;
  line-height: 25px;
  color: #cfcfcf;
  margin-top: 20px;
  margin-bottom: 0px;
  white-space: nowrap;
}

.list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  .list span {
  display: block;
  line-height: 1.6;
}

a {
  font-size: 24px;
  line-height: 25px;
  color: #cfcfcf;
  text-decoration: none;
}

@media (hover: hover) {
  a:hover {
    font-style: italic;
  }
}

/* ONE "ENTER" */
.spacer {
  height: 1.6em;
}

}

.list span {
  font-size: 24px;
  line-height: 25px;
  color: #cfcfcf;
}

/* SUBTLE VARIATIONS */
.section {
  color: #cfcfcf;
}

.gap {
  margin-top: 0px;
}