:root {
  font-family: "Inter", sans-serif;
}
@supports (font-variation-settings: normal) {
  :root {
    font-family: "Inter var", sans-serif;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: black;
  color: white;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  scroll-snap-type: y proximity;
}

.header {
  text-align: center;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #242424;
  font-size: 1.5rem;
  scroll-snap-align: center;
}

.header h1 {
  margin: 0;
  font-size: 4rem;
}

.header img {
  border-radius: 100%;
  height: 50%;
  padding: 2rem;
}

.content {
  max-width: 960px;
  width: 100%;
  padding: 1.5rem;
  scroll-snap-align: center;
}

.card {
  padding-top: 3rem;
}

.footer {
  padding: 20px;
  text-align: center;
  margin-top: 20px;
}

.list {
  display: flex;
  flex-direction: column;
  font-size: 1.2em;
  row-gap: .5em;
}

.list span::before {
  content: '•';
  padding-right: .75ch;
}


.social-icons{
  margin-top: 30px;
}

.social-icons a{
  text-decoration: none;
  font-size: 30px;
  margin-right: 15px;
  color: #ababab;
  display:inline-block;

}