/* Master Styles*/
body {
  margin: 0px;
  background-color: #ffffff;
}

.container {
  display: grid;
  grid-template-columns: 1fr;
}


/*  Navbar Styles */
.nav-wrapper{
  display:flex;
  justify-content: space-between;
  padding-left:19px;
  padding-right: 19px;
  padding-top: 19px;
  padding-bottom: 3px;
}

.left-side{
  display:flex;
}

.nav-wrapper > .left-side > div {
  margin: 10px;
  font-size: 0.9em;

}

.nav-link-wrapper {
  height: 22px;
  border-bottom: 1px solid transparent;

  transition: border-bottom 0.5s;
}

.nav-link-wrapper a {
  color: #8a8a8a;
  text-decoration: none;
  transition: color 0.5s;
}

.nav-link-wrapper:hover{
  border-bottom: 1px solid black;
}

.nav-link-wrapper a :hover{
  border-bottom: 1px solid black;
}

.active-nav-link {
  border-bottom: 1px solid black;
}

.active-nav-link a {
  color: black !important;
}

/* Social Links Styles */
.social-icon-wrapper > img {
  width:30px;
  height:30px;
  padding-left: 5px;
  padding-right: 5px;
}

.socials-wrapper {
  display:flex;
}


/* Portfolio Styles */

.portfolio-items-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.portfolio-item-wrapper {
  position: sticky;
  cursor:pointer;
}


.portfolio-img-background {
  max-width: 100%;
  height: 200px;
  background-size:contain;
  background-position:center;
  background-repeat: no-repeat;
}

.portfolio-img-test {
  max-width: 100%;
  height: auto;
  width: 100%; /* ie8 */
  background-size:cover;
  background-position:center;
  background-repeat: no-repeat;
}

.img-text-wrapper {
  position:absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height:100%;
  width:60%;
  text-align: center;
  padding-left:20%;
  padding-right:20%;
}

.img-text-wrapper .subtitle {
  transition: 1s;
  color: transparent;
  font-weight: 600;
}


.img-text-wrapper:hover .subtitle {
  font-weight: 600;
  color: lightseagreen;
}

.img-darken {
  transition: 1s;
  filter: brightness(10%);
}


/* About Me Styles */

.info_wrapper {
  display:flex;
}


/* About me text styles */

.about-text-container {
  margin-left:30px;
  margin-right:30px;
  background-color:#7FFFD4;
  border-radius:30px;

  padding-left:30px;
  padding-right:30px;

  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;

}

.about-text {
  font-weight: 600;
  color: black;
  width:100%;
}


/* About me Picture Styles */

.about_picture {
  width: 40%;
  margin-left:5%;

}

.pro_pic {
  width: 100%;
  height: auto;
  border-radius:30px;
}


/*Videos section*/

.video-content-wrapper {
}

.shorts-container {
  display: flex;
  justify-content: center;
}

.short{
  margin-left:2px;
  margin-right:2px;
}

.section-text {
  color: #8a8a8a;
  margin-left: 15px;
}

/* Phone resizing */

@media (max-width: 600px) {
  .portfolio-items-wrapper {
    display: grid;
    grid-template-columns: 1fr;
  }
}