@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* Custom smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom animation delay classes */
.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }

/* Custom decorative elements */
#anos, #setores, #b3, #mentoria{
  background: #fff !important;
}
#home-bio{
  margin-left: 2rem;
}
#bio-lider, #bio-foco, #bio-mentor{
  margin-bottom: 2rem;
}
.grid-mesh {
  background-image: radial-gradient(#e4e7ec 1px, transparent 1px);
  background-size: 24px 24px;
}
header{
  padding: 1rem;
}
body{
  background: url(../img/hero-avatar.png) no-repeat;
  background-color: #e8e9ee;
  background-position-x: center;
}
}
#hero{
  background: url(../img/hero-avatar.png);
  background-size: cover;
  height: 40rem;
}
.bg-white{
  background-color: #f0f2f4 !important;
}
.border{
  border: 1px solid #b1c9ea !important;
}
#sobre{
  padding: .5rem 2rem;
  margin-top: 2rem !important;
}
#artigos, #timeline, #como-trabalho, #contato-form,  #contato, #home-sobre{
  margin-top: 2rem !important;
}
footer{
  margin-top: 1rem !important;
  padding: 0 !important;
}
.rounded-xl{
  border-radius: 4px !important;
}
#metric{
  padding: 0 !important;
}
#cronologia{
  position: relative;
}
div.cargo:before {
  display: block;
  height: 50px;
  width: 1px;
  background-color: #2346b1;
  content: "";
  position: relative;
  top: 20px;
  left: 70px;
}
div.cargo {
  padding-bottom: 1rem;
}
div.ultimo-cargo:before{
  display: none
}
/* mobile */

@media only screen and (max-width: 767px) {
  
  div.cargo:before {
    display: none;

  }

  div.cargo {
      padding-bottom: 2rem;
  }
  body{
    background: url(../img/hero-avatar.png) no-repeat;
    background-color: #e8e9ee;
  }
  #metric, #cases, #methodology, #contato, #home-sobre{
    margin: 2rem 0;
  }
}