Untitled

import { Box } from '@mui/material'
function App() {
  

  return (
    <>
      <Box
      bgcolor="green"
      height="100vh"
      width="100%"
      display="flex"
      justifyContent="center"
      alignItems="center">
      <Box 
      bgcolor="purple"
      height="50%"
      width="85%"
      borderRadius="15px">
        <Box
        bgcolor="yellow"
        height="30%"
        width="100%"
        display="flex"
        fontSize="50px"
        justifyContent="start"
        alignItems="center">
          <Box
          bgcolor="purple"
          height="250px"
          width="250px"
          mx="100px"></Box>
          <h2>Amigo da Escola</h2>
        </Box>
        <Box
        bgcolor="blue"
        height="70%"
        width="100%"
        display="flex"
        justifyContent="center"
        alignItems="center">
          <Box
          bgcolor="brown"
          height="90%"
          width="85%"
          borderRadius="25px">
            
          </Box> 
        </Box>
      </Box>
      </Box>
    </>
  )
}

export default App