.type
{
  display: inline;
  color:red;
}

h1,
h2,
h3{
  font-family: 'Saira Extra Condensed';
  text-transform: uppercase;

}
h1.mb-0{
  font-weight: 700;
  font-size: 96px;
}

h2.mb-5{
  font-weight: 700;
  font-size: 3.5rem;
  margin-bottom: 3rem!important;
}
h2{
  font-weight: 700;
  font-size: 3.5rem;
}

h3.mb-0{
  font-weight: 700;
  font-size: 2rem;
}

p.lead {
  font-size: 1.15rem;
  font-weight: 400;
  color: #343a40;
}

.subheading {
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Saira Extra Condensed';
  font-size: 1.5rem;
}
.social-icons a {
  display: inline-block;
  height: 3.5rem;
  width: 3.5rem;
  background-color: #495057;
  color: #fff !important;
  border-radius: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 3.5rem;
  margin-right: 1rem;
}

.social-icons a:hover {
  background-color: #007BFF;
}

#sideNav .navbar-nav .nav-item .nav-link {
  font-weight: 800;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

#sideNav .navbar-toggler:focus {
  outline-color: #007BFF;
}

#sideNav .navbar-nav .nav-item .nav-link {
    font-weight: 800;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
  }
  #sideNav .navbar-toggler:focus {
    outline-color: #007BFF;
  }

  @media (min-width: 992px) {

    body {
      padding-top: 0;
      padding-left: 17rem;
    }

    #sideNav 
    {
      text-align: center;
      position: fixed;
      top: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      width: 272px;
      height: 100vh;
    }
    #sideNav .navbar-brand {
      display: flex;
      margin: auto auto 0;
      padding: 8px;
      //12em
    }
    #sideNav .navbar-brand .img-profile {
      max-width: 160px;
      max-height: 160px;
      float: right;
      border: 8px solid rgba(255, 255, 255, 0.2);
    }
    #sideNav .navbar-brand .img-profile1 {
      max-width: 2rem;
      max-height: 2rem;
     
    }
    #sideNav .navbar-collapse {
      display: flex;
      align-items: flex-start;
      flex-grow: 0;
      width: 100%;
      margin-bottom: auto;
    }
    #sideNav .navbar-collapse .navbar-nav {
      flex-direction: column;
      width: 100%;
    }
   
  }
  section.resume-section {
    padding-top: 5rem ;
    padding-bottom: 5rem;
    max-width: 75rem;
  }
    
  @media (min-width: 768px) {
    .resume-section {
      min-height: 100vh;
    }

  }

  /* skills */
.charts-container {
  font-size: 9em;
}

.skill-wrapper {
  height: 1em;
  width: 1em;
  position: relative;
}

.skill-wrapper .skill-circle {
  height: 100%;
  clip: rect(auto, auto, auto, auto);
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.skill-wrapper .skill-circle .half-circle {
  height: 100%;
  width: 100%;
  border: 0.1em solid #2196F3;
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  left: 0;
  position: absolute;
  top: 0;
}

.skill-wrapper .label {
  font-size: 0.15em;
  left: 0.4em;
  position: absolute;
  right: 0.4em;
  text-align: center;
  top: 1.8em;
  font-weight: bold;
}

.skill-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 0.1em solid #bdc3c7;
  border-radius: 50%;
}

.skill-wrapper .skill-circle .left-side {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* projects */

.card-back {
  filter: drop-shadow(4px 4px 6px gray);
  -webkit-filter: drop-shadow(4px 4px 6px gray);
  height: 250px;
}

.card-back:hover {
  filter: drop-shadow(8px 8px 10px gray);
  -webkit-filter: drop-shadow(8px 8px 10px gray);
  transition: all 0.5s;
}