body {
  padding-top: 110px;
  --bs-dark-rgb: 0, 0, 0;
}

@font-face {
  font-display: swap;
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(./../fonts/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_GbQbMZhLybpUVzEEQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

.card {
  margin-top: 15px;
  margin-bottom: 15px;
}

.profile-photo {
    max-width: 200px;
    width: 100%;
    border-radius: 50%;
    border: 10px solid #212529;
    opacity: 0.6;
    margin: 5px;
}

.navbar {
  text-align: center;
}

.nav-link {
  display: inline-block;
}

.smiley {
      border: 2px dotted black;
  border-radius: 20%;
}