/* general css stuff*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

header h4 {
    position: absolute;
    left: 10%;
    bottom: 1rem;
    font-size: 1.6rem;
}
/*Cover screen colors*/
.whitish {
    color: #fff3d1;
}
p {
    color: #cfbb95; /*beige*/
}
.noneyeblindingblue {
	background-color: #2c4673;
}

/*cover text ease in*/

.fade-in {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 1s ease, transform 1.5s ease;
}

.fade-in.show {
    opacity: 1;
    transform: translateY(0);
}



/*body*/

.content_coverphoto {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url('images/bg1.jpeg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 70vh;
}
.overlay_white {
    background-color: rgba(44, 70, 115, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2; /*stacks above the background but below content*/
}



/*socials*/
.fa {
  padding: 5px;
  font-size: 16px;
  height: 25px; /*fixed height so it deosnt go kjdsfjlsjf*/
  width: 25px;
  text-align: center;
  text-decoration: none;
  margin: 1px 1px;
  border-radius: 50%;
  
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-instagram {
  background: linear-gradient(to bottom right, #4f5bd5, #962fbf, #d62976, #fa7e1e, #feda75);
  color: white;
}