* {
    font-family: "Sora", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0;
    padding: 0;
}

:root{
    --color-red:   #CF3031;
    --color-yellow:#FFA200;
    --color-green: #5C913B;
    --color-white: #FEF6F4;
    --color-white1:#FCFCFC;
    --color-black: #2E2E2E;   
    --color-gray:  #616161;
}

body {
    position: relative;
    text-align: center;
}

header {
    position: relative;
}

#header__img {
    object-fit: cover;
    position: static;
    top: 0;
    height: 100vh;
    width: 100%;
}

ul {
    list-style-type: none;
}

.header__title {
    color: var(--color-white);
    position: absolute;
    margin: 14rem 40rem;
    right: 10rem;
    top: 1.2rem;
}

.header__L-letter {
    position: relative;
    font-size: 6rem;
    font-weight: 600;
}

.header__a1-letter {
    position: relative;
    bottom: 7.6rem;
    left: 3.4rem;
    font-size: 6rem;
    font-weight: 600;
}

.header__P-letter {
    position: relative;
    bottom: 15.1rem;
    left: 8.5rem;
    font-size: 6rem;
    font-weight: 600;
}

.header__i-letter {
    position: relative;
    color: var(--color-yellow);
    bottom: 22.7rem;
    left: 11.4rem;
    font-size: 6rem;
    font-weight: 600;
}

.header__z1-letter {
    position: relative;
    color: var(--color-red);
    bottom: 30.250rem;
    left: 14rem;
    font-size: 6rem;
    font-weight: 600;
}

.header__z-letter {
    position: relative;
    color: var(--color-green);
    bottom: 37.8rem;
    left: 17.1rem;
    font-size: 6rem;
    font-weight: 600;
}

.header__a-letter {
    position: relative;
    bottom: 45.3rem;
    left: 20.4rem;
    font-size: 6rem;
    font-weight: 600;
}

.title {
    position: relative;
    top: 4.5rem;
    font-size: 2rem;
    font-weight: 600;
    color: var(--color-black);
}

#plant__image {
    position: absolute;
    left: 0;
    top: 34rem;
}

#fish__image {
    position: absolute;
    left: 19rem;
    top: 39.5rem;
}

#pepper__image {
    position: absolute;
    left: 0.1rem;
    top: 54%;
}

#tomato__image {
    position: absolute;
    right: 2.5rem;
    top: 61%;
}

.pizzas {
    display: flex;
    position: relative;
    top: 9.5rem;
}

.pizza-opcao {
    background-color: #FEF6F4;
    border-radius: 2rem;
    width: 25%;
    height: 53vh;
    margin: 2rem 2rem 0;
    z-index: 77;
}

.section__img {
    position: relative;
    bottom: 4rem;
    transform: scale(1.3);
}

.section__title {
    position: relative;
    bottom: 3rem;
    font-size: 2rem;
    font-weight: 600;
    color: var(--color-black);
}

.section__text {
    position: relative;
    bottom: 3rem;
    color: var(--color-gray);
    font-weight: 300;
}

.preco {
    position: relative;
    font-size: 2rem;
    font-weight: 600;
    bottom: 1rem;
    color: var(--color-black);
}

.btn-comprar {
    position: relative;
    top: 0.5rem;
    background-color: var(--color-yellow);
    padding: 0.5rem;
    margin: 1.5rem;
    border-radius: 2rem;
    cursor: pointer;
}

.section__about {
    background-color: var(--color-white1);
    text-align: center;
    overflow: hidden;
    margin-top: 30rem;
    padding: 8rem 0;
}

.section__img-block {
    object-fit: cover;
    float: left;
    position: relative;
    transform: scale(1.2);
    border-radius: none;
    left: 8rem;
}

.section__about-title {
    position: relative;
    top: 7rem;
    right: 6rem;
    color: var(--color-black);
    font-weight: 600;
}

.section__about-title-letter:first-child {
    color: var(--color-yellow);
    letter-spacing: -5px;
}

.section__about-title-letter:nth-child(2) {
    color: var(--color-red);
    letter-spacing: -5px;
}

.section__about-title-letter:last-child {
    color: var(--color-green);
    letter-spacing: -5px;
}

.section__text-broke {
    text-align: left;
    margin-top: 10rem;
    margin-left: 39rem;
    padding: 0 5rem;
    word-break: break-word;
    color: var(--color-black);
}

.btn-lerMais {
    position: relative;
    top: 2rem;
    right: 7.5rem;
    padding: 0.5rem 2.5rem;
    border-radius: 3rem;
    background-color: var(--color-yellow);
    text-decoration: none;
    color: var(--color-black);
}

.footer {
    padding: 1rem;
}