/*======================================
//--//-->   GENERAL
======================================*/

html {
  scroll-behavior: smooth;
}

body {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

/*======================================
//--//-->   HEADER
======================================*/

header {
  background-image: url(../img/bg-header.jpg);
  background-size: cover;
  background-position: center;
  /* background-repeat: no-repeat; */
  /* height: 75vh; */
}

.content {
  /* background: rgba(0, 0, 0, 0.5); */
  /* color: #f1f1f1; */
  height: 100%;
}

/*======================================
//--//-->   NAVBAR
======================================*/

/* Nav-Link Hover */
.nl:hover {
  color: rgb(63, 153, 156);
}

/*======================================
//--//-->   SERVICES
======================================*/

/* Hide and Show */
.card-reveal1,
.card-reveal2,
.card-reveal3,
.card-reveal4 {
  background-color: white;
  position: absolute;
  /* overflow-y: auto; */
  left: 0;
  bottom: 0;
  display: none;
  height: 99%;
  z-index: 1;
}

/*======================================
//--//-->   PORTFOLIO
======================================*/

/* Parallax 1 */
.parallax-1 {
  background-image: url(../img/parallax1.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .work-box {
  margin-bottom: 3rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
} */

.work-box:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.work-img {
  display: block;
  overflow: hidden;
}

.work-img img {
  transition: all 1s;
}

/*======================================
//--//-->   ABOUT
======================================*/

/* Tech Background-color */
.bgc-tec {
  background-color: inherit;
}

/*  React Rotation  */
.slow-spin {
  -webkit-animation: fa-spin 12s infinite linear;
  animation: fa-spin 12s infinite linear;
}

/*======================================
//--//-->   PROJECTS
======================================*/

/*  Link Decoration  */
.nodeco{
  text-decoration: none;
}

/*======================================
//--//-->   CONTACT
======================================*/

/* Parallax 2 */
.parallax-2 {
  background-image: url(../img/parallax2.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 35vh; */
}

/*  Map  */
.map-container {
  overflow: hidden;
  /* padding-bottom:56.25%; */
  position: relative;
  height: 40vh;
}

.map-container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/*======================================
//--//-->   FOOTER
======================================*/

/*  bg-color */
.bgc-foo {
  background-color: rgb(33, 36, 39);
}

/*======================================
//--//-->   Flip Station
======================================*/