:root{--bg-color:#dadada;--font-mono:"Roboto Mono",monospace;--grid-columns:12;--grid-gap:1rem;--layout-max-width:min(1200px,92vw);--layout-horizontal-padding:clamp(1.5rem,4vw,2.5rem);--header-height:clamp(180px,22vh,240px);--footer-height:clamp(180px,20vh,220px);--banner-desktop-width:1200px;--banner-overlap:clamp(150px,26vh,200px)}@media (prefers-color-scheme:dark){:root{--bg-color:#302d3e;--frame-color:#211f2d}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;line-height:32px;background:rgb(0,0,0);-webkit-font-smoothing:antialiased;height:100%}#app,body,html{height:100%;width:100%;background:var(--bg-color)}body{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;font-family:system-ui;font-size:18px;line-height:32px;color:rgb(1000,1000,1000);overflow-x:hidden;z-index:0;position:relative}@media (max-width:1024px){body{font-size:15px;line-height:24px}}@media (max-width:768px){:root{--layout-max-width:min(100%,94vw);--layout-horizontal-padding:clamp(1rem,6vw,1.75rem);--header-height:clamp(160px,20vh,220px);--footer-height:clamp(120px,16vh,180px);--banner-overlap:clamp(130px,30vh,210px);--banner-desktop-width:1200px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:700}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}a{color:currentColor;text-decoration:none}a:focus{opacity:.9;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}main{position:relative;z-index:60;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 0 calc(var(--footer-height, 200px) + clamp(1.5rem, 4vw, 2.5rem));display:flex;flex-direction:column;align-items:stretch;gap:clamp(1.5rem,3vw,2.75rem)}.img-layout-direita,.img-layout-esquerda{position:fixed;width:400px;z-index:1}.img-layout-esquerda{left:0;bottom:4.5rem}.img-layout-direita{right:0;bottom:0}@media (max-width:1024px) and (min-height:1200px){.img-layout-esquerda{bottom:7rem}.img-layout-direita{bottom:2rem}}@media (max-width:1024px) and (max-height:900px){.img-layout-direita,.img-layout-esquerda{width:300px;bottom:4rem}}@media (max-width:768px){.img-layout-direita,.img-layout-esquerda{display:none}}