@import url(cor.css);

body {
    background-color: var(--cor-fundo-body);
}

.receita-detalhe {
    min-width: 30vw;
    max-width: 60vw;
    margin: 30px auto;
    border: 1px solid rgba(0, 0, 0, 0.137);
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.154);
    background-color: var(--cor-main);
}

.receita-detalhe h2 {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.img-receita {
    display: block;
    width: 60%;
    margin: 10px auto;
    border-radius: 12px;
    height: auto;
}

.receita-detalhe h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    color: var(--cor-titulo-h3);
}

.receita-detalhe ul, .receita-detalhe ol {
    margin-left: 40px;
    line-height: 1.6;
}

footer{
    position: relative;
    width: 100%;    
}