OTT - Oficial Técnico Temporário .container-fluid { max-width: 750px; /* ajusta a largura máxima da página */ margin: 0 auto; /* centraliza a página */ padding: 20px; /* adiciona padding para evitar que os cards fiquem muito próximos */ } .card { margin-bottom: 20px; /* adiciona espaço entre os cards */ } .card-columns { column-count: 2; /* define o número de colunas para os cards */ column-gap: 20px; /* define o espaço entre as colunas */ } @media (max-width: 768px) { .card-columns { column-count: 1; /* redefine o número de colunas para 1 em telas menores */ } } body{ background-color: #ffffff; } .container-fluid{ background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } h1, h2, h3, h4, h5, h6{ font-family: 'Arial', sans-serif; font-weight: bold; } .card{ background-color: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin-bottom: 20px; } .card-img-top{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .card-body{ padding: 20px; } .card-title{ font-family: 'Arial', sans-serif; font-weight: bold; font-size: 18px; color: #337ab7; /* primary color */ margin-bottom: 10px; } .card-text{ font-family: 'Arial', sans-serif; font-size: 14px; line-height: 1.5; color: #666; } .text-primary{ color: #337ab7; } .text-secondary{ color: #666; } .text-dark{ color: #333; text-align: center; } .img-fluid { /* ajusta a altura da imagem */ object-fit: cover; /* ajusta a imagem para cobrir toda a área do container */ border-radius: 10px; /* adiciona borda arredondada à imagem */ } .title-square { display: inline-block; width: 30px; height: 30px; background-color: #337ab7; /* primary color */ border-radius: 5px; margin-right: 10px; text-align: left; } .title-container { display: inline-block; position: relative; } .title-container::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; /* ajuste a largura para que o background cubra todo o título */ height: 100%; /* ajuste a altura para que o background cubra todo o título */ background-color: #3E8E41; /* cor verde oliva */ border-radius: 10px; /* adicione um efeito de borda arredondada */ z-index: -1; /* ajuste a ordem de empilhamento para que o background fique por trás do título */ } .title { position: relative; z-index: 1; /* ajuste a ordem de empilhamento para que o título fique por cima do background */ padding-left: 10px; /* ajuste o padding para que o texto não fique sobre o background */ color: #fff; /* ajuste a cor do texto para que seja branco */ } Acompanhar Processo Links Úteis Aviso de convocação - Edital Demonstrativo EAF Processos Anteriores Demonstrativo EAF Abdominal Seu navegador não suporta o vídeo. Flexão de Braços Seu navegador não suporta o vídeo. Processos Anteriores 2023 Ver Publicações 2022 Ver Publicações 2021 Ver Publicações
Redes Sociais