body {
  background-image: url("../images/background/background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
}

.navbar-brand {
  background-color: rgb(25, 216, 25);
  text-decoration-color: pink;
  font-size: 24px;
  font-weight: 650;
  padding: 5px;
  margin: 3px;
}

.navbar-brand.name {
  color: cornsilk;
}

div[class="jumbotron jumbotron-fluid card px-4"] {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../images/jumbotron/hero_image.jpg");
  height: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.display-4 {
  color: rgb(240, 11, 171);
  text-align: center;
}

.lead {
  color: white;
  text-align: center;
}

#myName {
  color: white;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: black;
}

.my-4 {
  background-color: sienna;
}

hr {
  background-color: teal;
}

#jumbo-p {
  color: rgb(174, 218, 17);
  text-align: center;
}

a[class="btn btn-secodaary btn-lg"] {
  text-align: center;
  display: block;
  margin: 0 auto;
}

#e {
  color: maroon;
}
#r {
  color: red;
}

#i {
  color: orangered;
}

#c {
  color: orange;
}

#d {
  color: gold;
}

#t {
  color: green;
}

#o {
  color: darkgreen;
}

#r2 {
  color: blue;
}

#r3 {
  color: purple;
}

#e2 {
  color: darkorchid;
}

#s {
  color: violet;
}

.fa {
  padding: 20px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
}

.fa:hover {
  opacity: 0.65;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
  margin-right: 5px;
}

.fa-github {
  background: #2c4762;
  color: white;
  margin-left: 5px;
}

.portfolio-gihub {
  position: absolute;
  bottom: 10px;
  left: 50%;
}

#copyright {
  text-align: center;
}

#social-media {
  text-align: center;
}

h3 {
  text-align: center;
}

#e_mail {
  text-align: center;
}

/*
#spacer {
    height: 150;
}
*/

#cypress_dusk {
  height: auto;
  width: 45%;
}

img[class="img-fluid m-0"] {
  height: 300px;
  width: 100%;
}

img[class="img-fluid"] {
  height: 300px;
  width: 300px;
  display: block;
}

.a-tag-portfolio {
  display: block;
  color: white;
  background-color: magenta;
}

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

a.fa.fa-github.image {
  width: 100%;
  margin: 0;
}

ul {
  text-align: left;
  list-style-position: inside;
}

/* .column-item {
  width: 50%;
} */

/* @media (min-width: 576px) {
  .column-item {
    width: 50%;
  }
} */