body {
  background-image: url("./assets/pawel-czerwinski-MQQcZ-0Dg-k-unsplash.jpg");
  font-family: "Roboto", sans-serif;
}

h3 {
  text-transform: uppercase;
  text-align: center;
  padding: 10px 3px;
  font-size: 40px;
  font-weight: bold;
}

h3:hover {
  text-shadow: -3px -3px 2px #f8edeb;
}

.navbar {
  background-color: #fae1dd80;
  margin-bottom: 25px;
}

.contact-links svg {
  height: 30px;
}

.bigSection {
  background-color: #fec5bb85;
  border-radius: 8px;
  margin-bottom: 25px;
}

.landing {
  background-color: #4e3b38e6;
  color: #ffd7ba;
  text-align: center;
  margin-bottom: 25px;
  border-radius: 8px;
}

.landing h3 {
  font-family: "Monoton", cursive;
  font-size: 100px;
  font-weight: normal;
  text-shadow: 10px 10px 8px black;
}

@media only screen and (max-width: 768px) {
  .landing h3 {
    font-size: 50px;
  }
}

#landing-text {
  padding: 100px;
}

#about-me-text {
  padding: 10px 20px;
  text-align: justify;
}

.skills {
  text-align: center;
}

.skills svg {
  height: 75px;
  margin: 10px 10px;
  background: #fec5bb;
  border-radius: 5px;
}

a {
  text-decoration: none;
  color: black;
}

a:hover {
  font-weight: bold;
  text-decoration: none;
  color: navyblue;
}

.second-link {
  text-decoration: underline;
} 

.card-deck {
  margin-bottom: 25px;
  display: flex;  
  justify-content: center;
}

.card {
  background-color: #fcd5ce;
  border-radius: 5px;
  text-align: center;
  overflow: visible;
}

.row {
  margin: 10px 5px 10px 5px;
}

.card-img-top {
  filter: grayscale(100%);
  border: 2px solid #ffd7ba;
  object-fit: cover;
  height: 200px;
}

.card:hover {
    background-color: #FFE5D9;
} 

.card-footer,
.card-title,
.form-group,
.card-text {
  text-align: center;
}


.headshot {
  border-radius: 10px;
  border: 3px solid #ffd7ba;
}

.submit {
  color: #0a0d0a;
  background-color: #d8e2dc;
  border-color: #ffd7ba;
  margin-bottom: 5px;
}

.submit:hover {
  color: #0a0d0a;
  background-color: #fcd5ce;
  border-color: #ffd7ba;
}

footer {
  text-align: center;
}


/* 
color palette:
https://coolors.co/fec5bb-fcd5ce-fae1dd-f8edeb-e8e8e4-d8e2dc-ece4db-ffe5d9-ffd7ba-fec89a
*FEC5BB
*FCD5CE
*FAE1DD
F8EDEB
FAE1DD
D8E2DC
ECE4DB
FFE5D9
*FFD7BA
FAE1DD
*/

/*submit button info:
https://blog.koalite.com/bbg/ */