import styled from "styled-components";
const BunnerEstilizado = styled.div `
position: relative;
`
const ImgBannerEstilizado = styled.img `
width: 1156px;
height: 328px;
border-radius: 20px;
opacity: 80%;
`
const TituloBannerEstilizado = styled.h2 `
position: absolute;
top: 92px;
left: 30px;
width: 301px;
height: 144px;
font-size: 40px;
line-height: 48px;
color: #FFFFFF;
`
const Bunner = () => {
return(
<BunnerEstilizado>
<ImgBannerEstilizado alt="banner do espaço" src="/banner.png" />
<TituloBannerEstilizado>A galeria mais completa de fotos do espaço!</TituloBannerEstilizado>
</BunnerEstilizado>
)
}
export default Bunner;
