@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap');

body{  font-family: Roboto;}


header{
    display: grid;
    grid-template-columns: auto auto;
    margin: 1em
    padding: 4em;
}

header p{

    justify-self: end;
}
figure img{ width: 100%;}

figure {
    background-color: rgb(5, 66, 19);
    text-justify: center;
    display: grid;
    grid-template-columns: 50% 50%;
}

figcaption{
    color: white;
    text-align: center;
    align-self: center;
}

h1{
    color: rgb(5, 66, 19);
}

section{
    display: grid;
    grid-template-columns: 30% auto;
}

h2{
    color: rgb(5, 66, 19);
}

footer{
    background-image: url(imagenes/fresas.webp);
    text-align: center;
    padding: 5em;
    color: white;
}