body{
    /* background-color: #121212; */
    background-color: #05662B;
    margin: 0;
    padding: 0;
}

h1{
    text-align: center;
    margin-top: 15px; /* Espaçamento entre a imagem e o texto */
    
    color: #fff;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
}

p.framer-text, div.framer-text, h1.framer-text, h2.framer-text, h3.framer-text, h4.framer-text, h5.framer-text, h6.framer-text, li.framer-text, ol.framer-text, ul.framer-text, span.framer-text:not([data-text-fill]) {
    font-family: var(--framer-font-family, Inter, Inter Placeholder, sans-serif);
    font-style: var(--framer-font-style, normal);
    font-weight: var(--framer-font-weight, 400);
    color: var(--framer-text-color, #000);
    font-size: calc(var(--framer-font-size, 16px)* var(--framer-font-size-scale, 1));
    letter-spacing: var(--framer-letter-spacing, 0);
    text-transform: var(--framer-text-transform, none);
    text-decoration: var(--framer-text-decoration, none);
    line-height: var(--framer-line-height, 1.2em);
    text-align: var(--framer-text-alignment, start);
}

::selection {
    background: #28ac00;
    color: #fff;
}

.imagem-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh; /* altura da viewport */
}

.imagem {
    max-width: 100%;
    max-height: 100%;
    width: 256px;
}