/* setting our display and background style */
body {
  background-color: #2c3531;
  /* box-shadow: inset 0px 0px 50px #8d8741, 0 0 50px #8d8741; */
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* setting our nav section layout */
.navbar {
  /* margin-top: 15px; */
  padding: 5px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  background-color: rgba(0, 0, 0, 0.377);
}

/* setting nav link font size and margins */
.navbar-link {
  padding: 20px;
  font-size: 25px;
  color: #d1e8e2;
  font-weight: bold;
  text-shadow: 0 0 2px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 12px #464866,
    0 0 22px #464866, 0 0 2px #464866, 0 0 120px #464866, 0 0 15px #464866;
}

a:link,
a:link:hover,
a:visited {
  text-decoration: none;
}

.navbar-link:hover {
  color: #116466;
  font-weight: bolder;
}

.introduction {
  margin-top: 50px;
}

.introduction h1 {
  color: white;
  text-align: center;
}
.icon-links {
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

#icon-link {
  border-radius: 50%;
  -webkit-filter: opacity(0.5) drop-shadow(0 0 0 #bc4639);
  filter: opacity(0.5) drop-shadow(0 0 0 #bc4639);
}

.photo {
  text-align: center;
}

.photo img {
  border-radius: 50%;
}

.photo img:hover {
  box-shadow: 0 0 6px 1px #bc4639;
}

#name {
  color: #bc4639;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  text-shadow: 0 0 2px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 12px #bc4639,
    0 0 22px #bc4639, 0 0 2px #bc4639, 0 0 120px #bc4639, 0 0 15px #bc4639;
}

.about-me {
  color: white;
  margin-top: 50px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.about-me h2 {
  font-size: 40px;
  padding: 10px;
  text-align: center;
}

.about-me p {
  padding: 5px;
  border: 3px solid black;
  border-radius: 20px;
  font-size: 25px;
  text-align: center;
  line-height: 45px;
}

.work {
  color: white;
  margin-top: 100px;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.work-content {
  justify-content: space-around;
}

.work-title {
  text-align: center;
}

.card {
  flex-wrap: wrap;
  color: white;
  background-color: #8d4004;
  box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 11px #fff, 0 0 12px #704a4c,
    0 0 12px #704a4c, 0 0 22px #464866, 0 0 32px #464866, 0 0 42px #464866;
  margin-top: 55px;
}

.card:hover {
  box-shadow: 0 0 7px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 32px #464866,
    0 0 72px #464866, 0 0 62px #464866, 0 0 72px #464866, 0 0 82px #464866;
  transition: box-shadow 0.6s, transform 0.6s;
  transform: translateY(-10px);
}

.card-text {
  font-size: 18px;
}

.btn {
  color: #8d4004;
  background-color: #d1e8e2;
}

.btn:visited {
  background-color: #d1e8e2;
}
.btn:hover {
  background-color: #d1e8e2;
}
.btn:active {
  background-color: #d1e8e2;
}
.btn:focus {
  background-color: #d1e8e2;
}

footer {
  text-align: center;
  color: #fff;
  margin-top: 125px;
  background-color: #bc46395d;
}

.footer .container {
  padding: 20px;
  font-family: Verdana, Geneva, Tahoma, sans-serif, Times, serif;
}

.footer-link {
  color: #d1e8e2;
  font-weight: bold;
  padding: 10px;
}