*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.container {
  width: 100%;
  height: 100vh;
  background: #1d1d1d;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.container h1 {
  font-size: clamp(18px, 6vw, 42px);
  font-weight: 500;
  text-align: center;
}

.avatar {
  width: 186px;
  height: 186px;
  object-fit: cover;
  border-radius: 50%;
  border: #f76300 3px solid;
}

.large-vertical-spacing {
  margin-top: 64px;
}

.medium-vertical-spacing {
  margin-top: 32px;
}

.small-vertical-spacing {
  margin-top: 24px;
}

.brand-text-color {
  color: #f76300;
}

.bottom {
  bottom: 32px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.text-center {
  text-align: center !important;
}

#contact-section {
  font-size: 26px;
}

#contact-section a {
  text-decoration: none !important;
}

#contact-section a:hover {
  color: #9d4306;
}

.text-white-smoke {
  color: #fdfdff !important;
}