body {
   margin: 0;
   padding: 0;
}

.portfolio-nav {
   padding-right: 3em;
   padding-left: 3em;
   background-color: #ffffffe6;
}

.navbar .navbar-brand {
   margin-left: 0.5rem;
}

.profile-img {
   border-radius: 100%;
   width: 340px;
   height: 340px;
}

.about, .projects, .publications {
   margin-bottom: 5rem;
   margin-top: 5rem;
}

.about-text {
   padding-top: 2rem;
}

.project-card {
   position: relative;
   margin-bottom: 2em;
}

.project-card:hover .project-img {
   opacity: 60%;
}

/* Homepage Hero */

.hero {
   position: relative;
   width: 100vw;
   height: 100vh;
   display: flex;
   justify-content: left;
   align-items: center;
   padding-left: 7rem;
   margin-bottom: 5rem;
   background: linear-gradient(#aecfff,#c680bb);;
}
.hero::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(../images/hero_small.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
}
.hero-content {
   position: relative;
}

.text-highlighted {
   margin-top: 0.3rem;
   font-size: 2rem;
}

/* Project Page Hero */

.project-hero {
   position: relative;
   width: 100vw;
   height: 65vh;
   display: flex;
   justify-content: center;
   align-items: center;
}
.project-hero::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   /*filter: brightness(75%);*/
}

.project-hero-content {
   position: relative;
   color: white;
   text-align: center;
   margin: 0.625rem;
}
.project-hero-title {
   font-size: 2rem;
   font-weight: 200;
   margin-top: 1rem;
}

.project-hero-weave::before {
   background-image: url(../images/text_weave_hero.png);
}

.project-hero-ricettario::before {
   background-image: url(../images/ricettario_hero.png);
}

.project-hero-looming::before {
   background-image: url(../images/looming_hero.png);
}

.project-content {
   margin-top: 2em;
   margin-bottom: 4em;
}

.project-img-card {

}

.bg-hero-text {
 background-color: ;
}