/* 1rem = 16px, 0.625rem = 10px, 0.5rem = 8px, 0.25rem = 4px, 0.125rem = 2px, 0.0625rem = 1px */ :root { --cor: #073267; --fonte: "Roboto", sans-serif; --menu: 12rem; /* Tamanho Menu */ } @media screen and (min-width: 600px){ .site{ width: 50%; margin-left: 25%; } .logo{ width: 50%; } .hamburger{ display: none; } } @media screen and (max-width: 600px){ .logo{ width: 100%; } } p { text-align: justify; } .logo { display: flex; position: absolute; /* Tem logo que fica melhor sem position absolute*/ align-items: center; justify-content: center; } .hamburger { font-size: 1.5rem; padding-left: 0.5rem; z-index: 2; } .sidebar { padding: 10px; margin: 0; z-index: 2; } .sidebar>li { list-style: none; margin-bottom: 10px; z-index: 2; } .sidebar a { text-decoration: none; color: #fff; z-index: 2; } .close-sidebar { font-size: 1.625em; padding-left: 5px; height: 2rem; z-index: 3; padding-top: 2px; } #sidebar1 { width: var(--menu); background: var(--cor); color: #fff; } #sidebar1 amp-img { width: var(--menu); height: 2rem; position: absolute; top: 5px; z-index: -1; } .fonte { font-family: var(--fonte); } .header { display: flex; background: var(--cor); color: #fff; align-items: center; height: 3.4rem; } .noticia { margin: 0.5rem; } .assunto { text-decoration: none; color: var(--cor); text-transform: uppercase; font-size: 1rem; font-weight: 800; display: block; } .titulo { color: #333; } .autor { color: var(--cor); font-weight: 600; } .chamada { color: #333; font-weight: 600; font-size: 1.2rem; line-height: 1.3; } .texto { line-height: 1.3; } .galeria {} .retranca {} .share { display: flex; justify-content: space-around; padding-bottom: 0.625rem; padding-top: 0.625rem; } .tags { display: flex; flex-wrap: wrap; flex-direction: row; text-decoration: none; } .tags ul { display: flex; flex-wrap: wrap; list-style-type: disc; margin-block-start: 0.5rem; margin-block-end: 0.5rem; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; flex-direction: row; } .tags ul li { display: flex; flex-wrap: wrap; flex-direction: row; padding-inline-end: 2px; padding-bottom: 3px; padding-top: 3px; } .tags ul li a { color: var(--cor); text-decoration: none; } .tags ul li a:visited { color: var(--cor); } .citacao {} /* Botões de compartilhamento arrendodados com a cor padrão do site */ amp-social-share.rounded { border-radius: 50%; background-size: 60%; color: #fff; background-color: var(--cor); } --> { "@type": "NewsArticle", "mainEntityOfPage": "/euestudante/trabalho--formacao/2020/08/4867148-chances-de-estagio-e-jovem-aprendiz.html", "name": "Chances de estágio e jovem aprendiz", "headline": "Chances de estágio e jovem aprendiz", "alternateName": "", "alternativeHeadline": "", "datePublished": "2020-08-07-0323:49:00-10800", "articleBody": "<p class="texto"><strong>&raquo; Est&aacute;gio</strong><br /><strong>TRE abre sele&ccedil;&atilde;o</strong></p> <p class="texto">O Tribunal Regional Eleitoral (TRE) abriu as inscri&ccedil;&otilde;es para o processo seletivo de est&aacute;gio. Podem se inscrever jovens que est&atilde;o cursando o ensino m&eacute;dio, educa&ccedil;&atilde;o para jovens e adultos (EJA) e ensino superior. As inscri&ccedil;&otilde;es v&atilde;o at&eacute; 16 de agosto no site bit.ly/33uW1nx.</p> <p class="texto"><br /><strong>&raquo; Aumento</strong><br /><strong>30% a mais de vagas</strong></p> <p class="texto">O Centro de Integra&ccedil;&atilde;o Empresa Escola (Ciee) registrou, no &uacute;ltimo m&ecirc;s, aumento de 30% no n&uacute;mero de novas vagas de est&aacute;gio no Distrito Federal. Atualmente, a institui&ccedil;&atilde;o oferece vagas para ensino m&eacute;dio, t&eacute;cnico e superior em diversas &aacute;reas. As inscri&ccedil;&otilde;es podem ser feitas pelo site portal.ciee.org.br.</p>", "isAccessibleForFree": true, "image": { "url": "https://image.staticox.com/?url=https%3A%2F%2Fimgsapp2.correiobraziliense.com.br%2Fportlet%2F548%2F48580%2F20171221175808962986e.png", "width": 1200, "@type": "ImageObject", "height": 630 }, "author": [ { "@type": "Person", "name": "" } ], "publisher": { "logo": { "url": "https://image.staticox.com/?url=http%3A%2F%2Fimgs2.correiobraziliense.com.br%2Famp%2Flogo_cb_json.png", "@type": "ImageObject" }, "name": "Correio Braziliense", "@type": "Organization" } } 5233l