styles.css

body {
    background-color: rgb(68, 65, 68);
}

.nav {
    background-color: rgb(15, 15, 15);
    height: 48px;   
}

.scrolled {
    opacity: 0.7;
    transition: opacity 300ms linear;
  }

  .background {
    width: 100%;
    max-height: auto;
    margin-top: 48px;

}

.portret {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nav-item {
    border-right: 1px solid rgba(128, 128, 128, 0.7);
    
}

.nav-link {
    transition-duration: 0.3s;
}

.nav-link:hover {
    background-color: rgb(68, 65, 68);
}

.selected {
    background-color: rgb(68, 65, 68);
}



.text {
    position: absolute;
    width: 100%;
    margin-top: 15%;
    text-align: center;
}

.left {
    text-align:right;
    font-size: 1.5em;
    font-weight: bold;
}

.row {
    padding-top: 4%;
    color:rgb(226, 222, 222);
}

.middle {
    text-align:justify;
    padding: 0 5%;
}

#link3 {
text-align: center;
width: 50%;
color:rgb(226, 222, 222);
padding-top: 4%;
}

#link3 hr {
    background-color:white;
    width:96%;
    margin-top: 5%;
    margin-bottom: 5%;
}

.social h3 {
    padding-bottom: 3%;
    
}

.fa {
    font-size: 40px;
    width: 50px;
    text-align: center;
    margin: 0% 3%;
    margin-bottom: 3%;
    color:rgb(226, 222, 222);
  }

 .fa:hover {
     transform: scale(1.2);
     color:rgb(226, 222, 222);
     text-decoration: none;
 }


 h1 {
     padding-bottom: 3%;
 }