:root {
    --main-bg-color: #fdf9f8;
    --highlight-color: #ef9273;
    --text-color: #0d0d0d;;
  }

a:hover {
  background-color: #ef9273;
}

.jumbotron {
    background-image: url("../images/02-hero-bg.jpg");
    background-repeat: no-repeat;
    height: 500px;
    background-position: center;
    background-size: cover;
}

.jumbotron-text {
    color: var(--highlight-color);
    background-color: var(--main-bg-color);
    display: inline-block;
    padding: 20px;
    margin: 60px 0 0 20px;
  }

.profile-image {
  display: inline-block;
  width: 15%;
  min-width: 100px;
  border-radius: 50%;
  border: 5px solid var(--highlight-color);
  margin: 1% 1% 1%;
  background-color: var(--main-bg-color);
}

.btn:hover {
  box-shadow: 5px 5px #0d0d0d;
}

.card {
  margin-top: 20px;
}

.card-img-top {
  width: 60%;
  margin: 10px auto;
  height: 60%;
}

.container-fluid {
  margin: 40px 7%;
  padding: 0;
  width: 80%;
}

.title-margin,
.form-group {
  margin: 0 7%;
}

.list-group {
  max-width: 50%;
}

.form-button {
 margin: 20px 7%; 
}

.form-group {
  max-width: 60%;
}

.foot {
  width: 80%;
}