64 lines
2.6 KiB
TypeScript
64 lines
2.6 KiB
TypeScript
import React from 'react';
|
|
import { Global, css } from '@emotion/react'
|
|
|
|
import { MainPage } from './pages/main';
|
|
|
|
const App = () => {
|
|
return(
|
|
<>
|
|
<Global
|
|
styles={css`
|
|
* { box-sizing: border-box; }
|
|
html {
|
|
height: 100%;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
body {
|
|
color: #000;
|
|
/* background: radial-gradient(circle at top right, rgb(154 227 33), rgb(33 160 56)); */
|
|
background: radial-gradient(
|
|
farthest-side at bottom left,
|
|
rgba(35, 235, 4, 0.709),
|
|
transparent 65%
|
|
),
|
|
radial-gradient(
|
|
farthest-corner at bottom center,
|
|
rgba(244, 244, 8, 0.6),
|
|
transparent 40%
|
|
),
|
|
radial-gradient(
|
|
farthest-side at bottom right,
|
|
rgba(0, 195, 255, 0.648),
|
|
transparent 65%
|
|
);
|
|
height: 100vh;
|
|
/* font-family: "SB Sans Screen"; */
|
|
font-family: "SBSansScreenRegular";
|
|
}
|
|
#app {
|
|
height: 100%;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'SBSansScreenRegular';
|
|
src: url('${__webpack_public_path__ + 'remote-assets/SBSansScreen.eot'}');
|
|
src:
|
|
url('${__webpack_public_path__ + '/remote-assets/SBSansScreen.eot?#iefix'}') format('embedded-opentype'),
|
|
url('${__webpack_public_path__ + '/remote-assets/SBSansScreen.woff2'}') format('woff2'),
|
|
url('${__webpack_public_path__ + '/remote-assets/SBSansScreen.woff'}') format('woff'),
|
|
url('${__webpack_public_path__ + '/remote-assets/SBSansScreen.ttf'}') format('truetype'),
|
|
url('${__webpack_public_path__ + '/remote-assets/SBSansScreen.svg#SBSansScreen-Regular'}') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
`}
|
|
/>
|
|
<MainPage />
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default App;
|
|
|