/* 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/4868657-employer-estagios.html", "name": "Employer Estágios", "headline": "Employer Estágios", "alternateName": "", "alternativeHeadline": "", "datePublished": "2020-08-14-0322:50:00-10800", "articleBody": "<p class="texto"><strong>4 vagas</strong></p> <p class="texto"><strong>EST&Aacute;GIO<br /></strong><br /><strong>ENSINO M&Eacute;DIO &ndash; 1 VAGA<br /></strong><br />Seg. a sex. &ndash; 5 horas / Bolsa-aux&iacute;lio R$ 420 + Aux&iacute;lio-transporte. Requisitos: pacote Office, atendimento ao p&uacute;blico, conhecimento curricular e boa comunica&ccedil;&atilde;o. Enviar curr&iacute;culo para: selecaobsb@employer.com.br</p> <p class="texto"><strong>ENSINO SUPERIOR<br /></strong><br />ISTRA&Ccedil;&Atilde;O &ndash; 2 VAGAS<br />Seg. a sex. &ndash; 6 horas / Bolsa-aux&iacute;lio R$ 800 + Aux&iacute;lio-transporte. Requisitos: Conhecimentos na &aacute;rea de istra&ccedil;&atilde;o, comunica&ccedil;&atilde;o interpessoal e no&ccedil;&otilde;es b&aacute;sicas do Microsoft Office. Estar cursando a partir do 3&ordm; semestre. Enviar curr&iacute;culo para: selecaobsb@employer.com.br</p> <p class="texto">CI&Ecirc;NCIAS CONT&Aacute;BEIS &ndash; 1 VAGA<br />Seg. a sex. &ndash; 6 horas/ Bolsa-aux&iacute;lio R$ 520 + Aux&iacute;lio-transporte/ Requisitos: pacote Office, atendimento ao p&uacute;blico, conhecimento curricular e boa comunica&ccedil;&atilde;o. Enviar curr&iacute;culo para: selecaobsb@employer.com.br</p> <p class="texto">&nbsp;</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": "Correio Braziliense" } ], "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" } } 2r596p