body{
  font-family: 'Poppins', sans-serif;
  letter-spacing: 2px;
}


.sidebar{
    height: auto;
    padding: 5rem 0;
}

.antesedepois{
    background-color: #ccc;
    padding: 1rem;
    font-family: 'Poppins', sans-serif;
    display: flex;

    flex-direction: column;
}

.antesedepois div{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-around;
    padding: 1rem 0;
 }
 .antesedepois div textarea{
   max-width: 60%;
   height: 5rem;
   resize: none;
   border: 1px solid #f08c00;
   border-radius: 5px;
   outline: none;
    }

.card img{
  max-height: 300px;
  object-fit: contain;
}

.tabelaAnteseDepois{

width: 90%;
  height: auto;
  overflow-y: scroll;
  scrollbar-width: thin;
  margin: 1rem;

}
.btnPublicar{
  background-color: green;
  padding: 5px;
  border-radius: 10px;
  border: none;
  color: #fff;
  font-size: 1.2rem;
}
.btnPublicar:hover{
  background-color: rgb(17, 142, 17);
  
}
#tableResgate button{
  background-color: red;
  padding: 5px;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 1rem;
}

@media screen and (max-width: 468px) {
  .header h1{
    width: 100vw;
  }
  .tabelaAnteseDepois thead tr, th{
    background-color: darkblue;
        font-size: 0.2rem;
  }
  table tr th{
    font-size: 10px;
  }
}