
.bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
}

html, body {
  scroll-behavior: smooth;
}

.cover-container {
  max-width: 42em;
}


/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}



header div{
  position: fixed;
  width: 100vh;
  z-index: 1000000
}

.image-container {
  overflow: hidden; /* Impede que a imagem ultrapasse os limites da coluna */
  position: relative;
}

.zoom-image {
  transition: transform 0.3s ease;
}

.image-container:hover .zoom-image {
  transform: scale(1.2); /* Aumenta a imagem em 20% */
}

table tbody td{
  border: 5px;  
  padding: 5px;
  width: 25%;
}

table tbody td img{
  height: 50px;
  width: 50px;
}

.logo-jquery {
  max-width: 100%;
  max-height: 100%;
}

.table tbody td i, table tbody td img{
  transition: transform 0.3s ease;
}

.table tbody td i:hover, table tbody td img:hover{
  transform: scale(1.2); /* Aumenta a imagem em 20% */
}




td > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; /* ou a altura desejada */
}

.borda-redonda, td > div{
  border: 1px solid #456dab;
  border-radius: 10px;
}

.borda-redonda.card{
  border-radius: 0px 10px 10px 0px;;
}

td > div i {
  font-size: 50px; /* ajuste conforme necessário */
  transition: transform 0.3s ease;
}

td > div i:hover {
  transform: scale(1.2);
}

.background-secundario{
  background-color: #456dab;
}

.cor-secundario{
  color: #456dab;
}

.experiencia > div > div {
  border-right: 1px solid #456dab;
}

.borda-baixa {
  border-bottom: 1px solid #456dab;
}

.experiencia > div > div:last-child {
  border-right: none;
}

.experiencia .quantidade {
  font-size: 60px;
  font-weight: bold;
}

.experiencia{
  display: contents;
  position: absolute;
  bottom: 20px;
}

.linguagens{
  text-align: justify;
}

.letra-destaque{
  font-size: 20px;
  font-weight: bold;
}

.btn-git{
  background-color: #0d1117;
}


main{
  min-height: 100vh;
}

main:first-of-type{
  min-height: 100vh;
}

#contato div > div.outline{
  background-color: #272a2d;
  font-size: 30px;
  color: #456dab;
}

.outline {
	width: 5rem;
	height: 5rem;
	margin: .5em auto;
	outline: 0.13rem solid #456dab;
	border-radius: 50%;
  align-content: center;
}

.contato-info{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

a img{
  vertical-align: baseline;
}


@media (min-width: 576px) {
  .d-sm-content{
    display: contents !important;
  }
}

@media (max-width: 576px) {
  main{
    min-height: 96vh;
  }

  main:first-of-type{
    min-height: 100vh;
  }
}