body {
  font-family: "Rubik", sans-serif;
  overflow-x: hidden;
}

/* Navbar */
.bg-nav {
  background-color: #498593;
}

/* Jumbotron */
.jumbotron {
  padding-top: 6rem;
  background-color: #e2edff;
}

/* About Me */
.t-align {
  text-align: justify;
}

/* Projects */
#projects {
  background-color: #e2edff;
}

.card-box {
  transform-style: preserve-3d;
}

.card > img {
  height: 250px;
  transition: 0.5s;
}

.card:hover > img {
  transform: translate3d(0, 0, 40px);
}

.card-body {
  transform-style: preserve-3d;
}

.card-body h5,
.card-body p {
  transition: 0.5s;
}

.card:hover .card-body h5,
.card:hover .card-body p {
  transform: translate3d(0, 0, 30px);
}

.card-body a {
  transition: 0.5s;
}

.card:hover .card-body a {
  transform: translate3d(0, 0, 50px);
}

/* Footer */
footer {
  position: relative;
  background-color: #498593;
}

.scroll-icon {
  display: block;
  position: fixed;
  right: 2rem;
  bottom: 1rem;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.scroll-icon a i {
  font-size: 3.5rem;
}

/* All Section */
section {
  padding-top: 5rem;
}