/* conteudo body*/
    body {
        font-family: Arial, Helvetica, sans-serif;
        background-color: violet;
        max-width: 95em;
        min-width: 50em;
        margin: 0 auto;
        font-size: 100%;
    }
   /*cabeçalho*/
    header {
        background-color: #f0f0f0;
        background-image: url(./imagens/Tia_Marta_Frango_Assado.jpeg);
        background-size: contain;
        padding: 10.5em 1em 6em 1em;
        display:flow-root;
        justify-content:right;
        align-items: center;
      }
      
      .logo img {
        width: 18em;
        margin: 0.625em;
      }
    div.horario ul , div.frango ul {
        font-size: 0.9375em ;
        font-style: italic;
        border-radius: 0.625em;
        color:white;
        margin: 0.625em;
        padding: 1.25em;
        gap: 1.25em;
        background-color: red;
        list-style: square;
        display: flex;
        justify-content: center;
    }
    nav ul {
        font-size: 0.9375em ;
        font-style: italic;
        border-radius: 0.625em;
        margin: 0.625em;
        padding: 1.25em;
        background-color:orange;
        list-style: none;
        display:flex
    }
    nav li, div.horario li , div.frango li {
         margin: 0 1.25em;
         border: 0.125em;
        padding: 0.125em;
    }
     a {
        text-decoration: none;
        color: black;
    }
    nav a.active {
        font-weight: bold;
        color: blue;    
    }
     a:hover {
        background-color: lightblue;
        border: 0.125em solid blue;
        padding: 0.125em;
    }
    main , aside {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    /*conteudo*/
    .conteudo1 {
        background-color: orange;
        justify-content: center;
        align-items: center;
        padding: 1.25em;
        position: relative;
    }
    .conteudo1 img , .conteudo2 img , aside img {
        margin: 1.25em;
    }
    .imagem1{
        width:15.625em;
        height:18.75em;
    }
    .imagem2{
        width:25em;
        height:28em;
    }
    img.imagem{
        margin:1.25em;
        padding: 1.25em;
        border-radius: 1.25em;
        border: 1.25em dashed orange;
        display:flexbox;
        width: 31.25em;
        height: 25em;
    }
    .conteudo2{
        background-color: greenyellow;
        justify-content: center;
        align-items: center;
        padding: 1.25em;
        position: relative;
    }
    main p::first-letter , aside p::first-letter {
        font-family: 'Courier New', Courier, monospace;
        font-size: 3em;
        color: #f00;
        float: left;
        margin-left: 0.3125em;
        margin-right: 0.3125em;
    }
    h1.titulo_inicial{
        font-family: 'Courier New', Courier, monospace;
        font-size: 3em;
        color: black;
        margin-left: 0.3125em;
        margin-right: 0.3125em;
        position: relative;
    }
     h1.titulo_inicial strike.destaquex{
        
        color: red;
        
    }
    
    h1::first-letter , h2::first-letter {
        font-family: 'Courier New', Courier, monospace;
        font-size: 3em;
        color: black;
        float: left;
        margin-left: 0.3125em;
    }
    p {
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: 1.25em;
        font-style: oblique;
        margin-left: 1em;
        margin-right:1em;
    }
    .voltar-topo {
        position: fixed;
        bottom: 1.25em;
        right: 1.25em;
        background-color: orange;
        color: red;
        padding: 0.625em 0.9375em;
        text-decoration: none;
        border-radius: 0.3125em;
        z-index: 999; 
      }
    /*listas*/
    ol.lista_ordenada_itens , ul.lista_nao_ordenada {
        align-items:center;
        display: flow-root;
        font-size: 1.875em;
        font-family: Impact, 'Arial Narrow Bold', sans-serif;
        padding: 1.875em;
        color:red;
    }
    .lista_ordenada_itens li:nth-child(even) , .lista_nao_ordenada li:nth-child(even){
        background-color: lightblue;
        padding: 1.875em;
    }
      
    .lista_ordenada_itens li:nth-child(odd) , .lista_nao_ordenada  li:nth-child(odd){
        background-color: lightpink;
        padding: 1.875em;
    }
    /*tabela*/
    table {
        border-collapse: collapse;
        font-family: Impact, 'Arial Narrow Bold', sans-serif;
        font-size: 1.875em;
        color:red;
        width: 90%;
    }
    
    th, td {
        border: 0.0625em solid black;
        padding: 1.875em;
        text-align: left;
    }
    tr:nth-child(even) {
        background-color: #f2f2f2;
      }
    
    tr:first-child{
        color:black;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }
    tr:first-child, tr:last-child {
        background-color: orange;
    }
   /*formulario*/
   form {
    max-width: 37.5em;
    margin: 0 auto;
    padding: 1.25em;
    background-color: #f2f2f2;
    border: 0.0625em solid #ddd;
    border-radius: 0.3125em;
  }
  
  label {
    display: block;
    margin-bottom: 0.625em;
    padding: 0.625em;
  }
  
  input[type="text"] , input[type="email"] , textarea {
    width: 100%;
    padding: 0.625em;
    margin-bottom: 0.9375em;
    border: 0.0625em solid #ccc;
    border-radius: 0.25em;
    box-sizing: border-box;
  }
  
  select {
    width: 100%;
    padding: 0.625em;
    margin-bottom: 0.9375em;
    border: 0.0625em solid #ccc;
    border-radius: 0.25em;
  }
  
  button {
    background-color: orange;
    color: red;
    padding: 0.9375em 1.25em;
    border: none;
    border-radius: 0.25em;
    cursor: pointer;
  }
  
  button:hover {
    background-color: blue;
}
.obrigatorio:after {
    content: "*";
    color: red;
    margin-left: 0.125em;
}
  /*rodapé*/
    footer {

        background-color: #f0f0f0;
        text-align: center;
        padding: 1.25em;
    }
    
    .rodape {
        max-width: 40em;
        margin: 0 auto;
    }
    
    address {
        font-style: normal;
    }
    
    .social {
        list-style: none;
        display: flex;
        justify-content: center;
    }
    
    .social li {
        margin: 0 0.625em;
    }
    
    .social a {
        color: #333;
        font-size: 1.5em;
    }