.flip-card {
  background-color: transparent;
  width: 350px;
  height: 400px;
  perspective: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;

}
.navbar{
    
    background-color: rgba(0,0,0,0.7) !important;

}
.flip-card-inner {
    background-color: rgba(0,0,0,0.3) !important;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {

  color:white !important;
  transform: rotateY(180deg);

}
.flip-card-back {
background-color: rgba(0, 0, 0, 0.3);
}
.flip-card-front, .flip-card-back {
  transform: rotateX(0deg);
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn-close{
  font-size: 1.5rem !important;

color:white !important ;
}
section {
  min-height: 100vh;
}
header{
  min-height: 100vh;
  background: linear-gradient(rgba(2,11,37,0.3), rgba(0,0,0,0.8) );
}
#contact a{
  text-decoration: none;
}

#about {

  background: linear-gradient(rgba(0,0,0,0.8), rgba(0,180,236,0.4) );
}
#services{
  background: linear-gradient(rgba(0,180,236,0.4),rgba(20,3,43,0.35) );
}

#portfolio {
  background: linear-gradient(rgba(20,3,43,0.35), rgba(20,3,43,0.35))
}

.flip-card-back {
	
	padding: 10px;
  transform: rotateY(180deg);
}
.flip-card-back h5 {
	text-align: center;
}
.flip-card-back h6 {
	text-align: justify; !important;
}
.card-bottom{
	margin-top: 80px;

}

.modal-content{color:  var(--bs-light);
    background-color: rgba(0, 0, 0, 0.7) !important;
    border-radius: 20px !important;
}