body{
    background-image: url(/img/background.jpg);
    background-size: cover;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 5000;   
    overflow-x: hidden;
}

h1, h2 {
    color: black;
    font-size:larger;
    font-weight: 600;
}

h3 {
    color: black;
    font-weight: 600;
    font-size: 1.5rem;
}

header {
  background-color: hsl(34, 78%, 91%, 90%);
}

.navbar{
  opacity: 90%;
  size: 90%;
  border: 4px dashed lightblue;
  max-height: fit-content;
}

.navbar-local a {
    text-decoration: none;
    color: rgb(22, 143, 184);
}

.navbar-local a:hover {
    text-decoration: none;
    color: lightblue;
} 

a {
    text-decoration: none;
    color: black;
    
}
a:hover{
  color: blueviolet;
}

.principal{
justify-content: space-evenly;
}

.about{
background-color: hsl(34, 78%, 91%, 90%);
border: 3px solid lightblue;
max-height: fit-content;
}

.img_profile{
max-width: 100px;
height: auto;
border-radius: 50%;
border: 5px dashed lightblue;
}


#certificados, #projetos, #habilidades {
  justify-content: space-around ;
  text-decoration: none;
  color: lightblue;
  opacity: 100%;
}

.card{
  display: flex;
  grid-template-columns: repeat(auto-fit, 1fr);
  grid-auto-rows: 1fr;
  gap: 16px;
  border: 2px solid lightblue;
  margin: 10px ;
  margin-bottom: 10px;
  text-align: center;
  background-color: hsl(34, 78%, 91%);}

.card-img-top{
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 2px solid lightblue;
  margin-top: 5px;
}

.btn-primary{
    background-color: lightblue;
    border: 2px solid lightblue;
    color: black;
}
.btn-secondary{
    background-color: black;
    border: 2px solid lightblue;
    color: lightblue;
} 

footer
.rodape {
      opacity: 90%;
  size: 90%;
  border: 4px dashed lightblue;
  max-height: fit-content;
}


#eventos {
  justify-content: center;
  
}

.icon-download{
  width: 200%;
}

.hero-text-only {
    color: #040009;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2rem;
}