import { createGlobalStyle } from "styled-components";
import reset from "styled-reset";

export default createGlobalStyle`
    ${reset}
    * {
       box-sizing: border-box; 
    }
    html, body {
        height: 100vh;
    }
    #root {
        height: 100%;
        display:flex;
        flex-direction: row;
    }
    @font-face {
        font-family: 'Shadows Into Light', cursive;
        src: url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
    }
    @font-face {
        font-family: 'Kaushan Script', cursive;
        src: url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
    }
`;