@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');

/* 
.roboto-<uniquifier> {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
} */

.display-1,
.display-6,
h2,
.nav-link,
.navbar-brand {
  font-family: "Special Elite", serif;

}

h3, h4, #skills .col  {
  font-family: "Roboto", serif;
  font-weight: 400;

}

p {
  font-family: "Roboto", serif;
  font-weight: 300;
}


.display-1 {
  text-shadow: 2px 2px 3px rgb(152, 152, 152);
}

#faq {
  width: auto;
}

.col {
  max-width: 66ch;
}

#bio {
  max-width: 66ch;
}

#projects {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#projects p {
  max-width: 80ch;
}

h2 {
  padding: 0 0 1rem 0;
}

i {
  font-size: 3rem;
}

img {
  width: 100%;
  max-width: 900px;
  margin-bottom: 1em;
  border: 2px solid rgb(63, 63, 63);
}

h3 {
  margin: .7em 0;
}

#experience-page {
  min-height: 100vh;
}

.lead {
  font-size: 1.3em;
}