Fix title margin

pages/index.js

@@ -3,10 +3,7 @@ import PropTypes from 'prop-types'
 import Container from '@mui/material/Container'
 import Typography from '@mui/material/Typography'
 import Box from '@mui/material/Box'
-import Divider from '@mui/material/Divider'
-import Chip from '@mui/material/Chip'
 import Grid from '@mui/material/Grid'
-import Button from '@mui/material/Button'
 
 import HeadLayout from '../components/head-layout'
 import Footer from '../components/footer'
@@ -27,8 +24,8 @@ export default function Home({errorCode, errorMessage, stats}) {
   return (
     <HeadLayout tab={0}>
       <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
-        <Box sx={{flexGrow: 1, marginBottom: 3, marginTop: 1}}>
-          <Container sx={{marginBottom: 2}} align='center'>
+        <Box sx={{flexGrow: 1, marginBottom: 3, marginTop: 3}}>
+          <Container align='center'>
             <Typography sx={{fontWeight: 'bold'}} variant='h6' component='h1'>
               #OKi
             </Typography>