@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
body{
    overflow: hidden;
    justify-items: center;
}
div#container{
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1;
}
section#fundo{
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url("../imagens/nenecahpaisagismo.webp");
    transform: scaleX(-1);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
div#sobrepor{
    padding-top: calc(100vh/4);
    position: relative;
    z-index: 10;
}
section#card{
    width: calc(100vw/2);
    height: calc(100vh/3);
    max-width: 600px;
    max-height: 400px;
    background-color: rgba(2, 8, 2, 0.43);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 2px solid rgba(131, 190, 158, 0.2);
    border-radius: 10px;
}
section#card h1{
    padding-top: calc(100vh/10);
    text-align: center;
    color: snow;
}