font-family: "Recursive", sans-serif;
.recursive {
  font-family: "Recursive";
}
body {
  background-image: url(./dewang-gupta-ESEnXckWlLY-unsplash.jpg);

  background-size: cover;
  color: white;
}
body.blog {
  background-image: url(./pexels-alfonso-escalante-2533092.jpg);
  /* Credits: https://www.pexels.com/photo/low-angle-photo-of-volkswagen-kombi-2533092/ */
  background-repeat: no-repeat;
  background-size: 100rem;
  color: white;
}
/* Change Color of BLOG NavBar */
body.blog.navbar-nav.ml-auto li a {
  color: #bb0000;
}
.down-logo {
  max-width: 42px;
}

.fa-linkedin-square {
  color: #0072b1;
}

#frog-logo {
  max-inline-size: 50px;
}
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
/* .icon-bar {
  float: right;
  position:fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
} */
.icon-bar {
  position: fixed;
  top: 25%;
  right: 0;
  list-style: none;
  padding-left: 0;
  z-index: 10;
  margin: 0;
  -webkit-transition: right 0.25s;
}
/* Social Media Btns */
/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  margin: 5px;
  border-radius: 50%;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: whitesmoke;
}

.github {
  background: #000000;
  color: white;
}

.twitter {
  background: #55acee;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
/* Social Media Btns End */

.minmax {
  display: grid;
  grid-template-columns: minmax(150px, 25%) 1fr;
}

.centralImg {
  max-width: 50%;
  min-height: 300px;
}
#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  color: white !important;
  /* background-blend-mode: hard-light; */
  background-color: black !important;
  /* // This is in the form rgba(R,G,B,a) where a is your opacity */
  /* // The rest of your CSS */
  font-size: 17px;
}

/* Coming Soon */

/* Position text in the top-left corner */
.topleft {
  position: absolute;
  top: 0;
  left: 16px;
}

/* Position text in the bottom-left corner */
.bottomleft {
  position: absolute;
  bottom: 0;
  left: 16px;
}

/* Position text in the middle */
.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
/* Portfolio CSS */
.card-title {
  color: black !important;
}
.card-text {
  color: black !important;
}
.row text-center {
  border-spacing: 10%;
}
/* Resume Section */