body{
  background-color: #c0c0c0;
  font-family: Crimson Text;
  font-size: 1.2rem;
  
}

.container{
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    height: 90vh;
    width: 90vw;
    margin: auto;
    
    
   
}

.logo{
   
    grid-row: 1/2 ;
    grid-column: 1/7 ;
    text-align: center;
   
}

.ancoras{
    background-color:#084d6e ;
    grid-row: 2 ;
    grid-column: 1/7 ;
    border-radius: 4px;
    

}

.titulosn{
    grid-row: 3 ;
    grid-column: 1/7 ;
    text-align: center;
}

.sn{
    grid-row: 4 ;
    grid-column: 1/7 ;
    padding: 20px;
    margin: 10px;
    background-color: rgb(211, 211, 211);
    border-radius: 10px;
    box-shadow: 2px 8px 12px rgba(0, 0, 0, 0.3); 
    padding: 10px;
    text-align: center;
            
           
    
    
}

.titulopdm{
    grid-row: 5 ;
    grid-column: 1/7 ;
    text-align: center;
}

.pdm{
  grid-row: 6 ;
  grid-column: 1/7 ;
  width: 80%;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
 
  
}


.item {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 300px;
  border-radius: 5px;
  transition: transform 0.3s ease;
  margin: 10px;
}


.item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}


.item figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #854d8b;
  color: white;
  text-align: center;
  padding: 10px 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}


.item figcaption a {
  color: white;
  text-decoration: none;
}


.item:hover figcaption {
  opacity: 1; 
}

 a {
    text-decoration: none;
    color: black;
    font-size: 20px;
    font-weight: 600;
    padding: 15px;
    display:inline-block;
  }

  ul {
    display: inline;
    margin: 0;
    padding: 0;
  }

  .lista1 {
    display: inline-block;
  }
  
  .lista1:hover {
    background: #333;
  }
  
  .lista1:hover .lista2 {
    display: block;
  }
  
  .lista2 {
    position: absolute;
    width: 200px;
    display: none;
  }
  
  .lista-link {
    background: #555;
    display: block;
  }
  
  .link {
    display:block !important;
  }
  
  .lista-link:hover {
    background: #084d6e;
  }

  .titulohdp{
    grid-row: 7 ;
    grid-column: 1/7 ;
    text-align: center;
  }

  .hdp{
    grid-row: 8 ;
    grid-column: 1/7 ;
    display: flex;
    justify-items: center;
    justify-content: center;
    flex-direction: column; 
    padding: 20px;
    margin: 10px;
    border-radius: 10px;
    text-align: center;
    background-color: rgb(211, 211, 211);
    box-shadow: 2px 8px 12px rgba(0, 0, 0, 0.3); 
    
  }

  

  .footer {
    background-color: #084d6e;
    grid-row: 9;
    grid-column: 1/7;
    text-decoration: none;
    color: black;
    font-size: 20px;
    font-weight: 600;
    padding: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    width: 100%;
    border-radius: 4px;
}

.footer img {
    width: 100px;
    height: auto; 
}

.img_container {
    display: flex;
    align-items: center;
}

.img_container img {
    margin-right: 6px;
   
}


.comunidade,
.redessociais {
    display: flex;
    flex-direction: column;
    align-items: center; 
    text-align: center; 
}

.redessociais p {
  margin-bottom: 5px; 
  margin-top: 0;
}

.redessociais .img_container {
  display: flex;
  justify-content: center;
  align-items: center; 
}


.redessociais img {
    margin: 0 ;
    transition: transform 0.3s ease; 
}

.redessociais img:hover {
    transform: scale(1.1); 
}

#rodape {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px; 
  
}

#rodape:hover {
    text-decoration: underline;
    color: #854d8b; 
}

.comunidade {
  margin-right: 20px; 
  
}