@font-face {
    font-family: JosefinSans-Regular;
    src: url(../fonts/JosefinSans-Regular.ttf);
}

@font-face {
    font-family: JosefinSans-Bold;
    src: url(../fonts/JosefinSans-Bold.ttf);
}

body {
    background-color: white;
}

.navTitle {
    font-family: 'JosefinSans-Bold';
}

.navTitleLink {
    text-decoration: none;
}

.headerImg {
    width: 100%;
    height: 500px;
    object-fit: cover;
    opacity: 0.8;
}

.headerField {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.headerTitle {
    color: white;
    font-size: 4rem;
    font-family: 'JosefinSans-Bold';
}

.headerText {
    color: white;
    font-size: 2rem;
    font-family: 'JosefinSans-Bold';
}

.sectionTitle {
    font-family: 'JosefinSans-Bold';
    font-size: 30px;
}
#team-anchor {
    text-decoration: none;
    color: #000;
}
.teamCard {
    background-color: #F1F1F1;
    border-radius: 2%;
}

.teamImg {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    transition: all 0.5s;
}
.teamCard:hover .teamImg {
    border-radius: 4px;
    border: 3px solid gray;
}

.teamName {
    font-family: 'JosefinSans-Regular';
    font-weight: bold;
}

.teamRole {
    font-family: 'JosefinSans-Regular';
}

.socialIconDiv {
    padding: 0px 120px 20px 120px;
}

.fa {
    text-decoration: none;
    color: black;
}
#copy-right {
    background-color: #2B3035;
}
.custom-shape-divider-bottom-1672384452 {
    position: relative;
    bottom: -3px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1672384452 svg {
    position: relative;
    display: block;
    width: calc(300% + 1.3px);
    height: 149px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1672384452 .shape-fill {
    fill: #2B3035;
}