/* fonts used in the project */

@font-face {
  font-family: 'Gotham-Bold';
  src: url("fonts/Gotham-Bold.otf");
}

@font-face {
  font-family: 'Gotham-Rounded-Light';
  src: url("fonts/Gotham\ Rounded\ Light.otf");
}

@font-face {
  font-family: 'Helvetica-Neue-Medium';
  src: url("fonts/HelveticaNeue.ttc");
  font-weight: 600;
}

/* start of styling */
body {
  font-family: 'Gotham-Rounded-Light';
}

.header-content {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.first-heading {
  margin-top: 110px;
  font-size: 3em;
  font-family: 'Gotham-bold', sans-serif;
}

.elegant {
  font-family: 'Helvetica-Neue-Medium';
  font-size: 1.5em;
}

.smiley-img img {
  width: 40%;
}

.header-txt {
  border: 0.2px solid green;
  border-radius: 5px;
}

.content-center {
  width: 80%;
  margin: 0 auto;
}

.card-sml-hd {
  color: green;
}

.sub-headers {
  font-family: 'Gotham-bold', sans-serif;
}

.list {
  list-style: none;
  font-size: 1.5em;
}

.list li a{
  border-right: 1px solid lightgray;
  padding-right: 8px;
}

.list .last-link a{
  border-right: none;
}

.list-card {
  font-size: 1em;
}

footer{
  background: green;
  color: white;
}

.cont_button {
  margin: 0 auto;
}

.car-img img {
  border-radius: 50%;
  width: 7%;
  
}

.left-cont {
  padding-right: 13%;
}

.right-cont {
  padding-left: 13%;
}

.cont-form {
  margin: 0 auto;
  width: 50%;
}

.green {
  background: #14762B;
}

.email_me {
  color: #14762B;
}

.last {
  font-size: 1em;
}