@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400&display=swap");

html,
body {
  font-family: "Montserrat", sans-serif;
  min-height: 100vh;
  scroll-behavior: smooth;
}

#showcase {
  background: url("/img/markus-spiske-s05XKB6jK2c-unsplash.jpg") no-repeat
    center center/cover;
  height: 60vh;
}

#showcase .main-message,
#showcase .welcome-message {
  font-weight: 600;
  color: #333;
}
.container {
}

/* Navbar */
.navbar {
  background: #333;
  color: #222;
  z-index: 10;
  opacity: 0.8;
}

.navbar .nav-item a {
  color: #222;
}

/* Projects */
.card-img-top {
  max-height: 20rem;
}

/* Footer */
.footer {
  background-color: #555;
}

footer {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 20px 20px;
  background: #444;
  color: #f4f4f4;
}

footer a {
  color: #444;
  margin: 0 15px;
}

footer a i {
  background: #fff;
  border: #fff solid;
  padding: 1rem;
  border-radius: 3rem;
}

footer i:hover {
  background: #777;
  border: #777 solid;
}

footer a:hover {
  color: #f4f4f4;
}

footer .footer-copyright {
  margin-top: 1rem;
}