body {
  min-height: 100vh;
}

.main-container {
  min-height: 100vh;

}


div .left-profile {
  background-image: url(./docs/bg-profile.jpg);
  min-height: 100vh;
}

div .right-projects {
  background-image: url(./docs/bg-projects.jpg);
  min-height: 100vh;
  background-size: auto;
  padding: 0;
}

.scrollable {
  margin-top: 8vh;
  height: 100vh;
  overflow-y: auto;
}

.contact {
  border-radius: 20px;
  font-size: .8em;
}

.hvr-icon-grow {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

.contact a:link {
  color: lightgrey;
}

.contact li {
  background-color: rgb(0, 0, 0.5);
  color: lightgrey;
  border: 0px;
}

.contact a:visited{
  color: grey;
}

.icons {
  font-size: 1.6em;
  margin: .6em;
  color: white;
}

.languages i {
  animation: glowing 6000ms ease-in-out infinite;
}

.languages i:hover {
  text-shadow: 0 0 5px white;
  color: black;
}

.lang-icons {
  color: white;
  font-size: 2em;
}

.languages {
  background-color: rgb(0, 0, 0.5);
  padding: 1em;
}

div .sect {
  animation: fade .8s linear;
  color: white;
  background-color: rgba(36, 36, 36, 0.25);
  margin: 0 2em 0 2em;
  padding: 2em 1.5em 2em 1.5em;
  border-radius: 1em;
}

.experience-card {
  background: rgba(36, 36, 36, 0.25);
}

.project-caption {
  background: rgba(36, 36, 36, 0.25);
}

.carousel-item img {
  height: 80vh;
  width: auto;
}
.carousel-caption {
  background-color: rgba(36, 36, 36, 0.75);
  border-radius: 15px;
}

footer {
  border-radius: 10px;
}