@import "~/assets/styles/color-pallet.css";
@import "~/assets/styles/markdown.css";

@font-face {
    font-family: "Noto Sans JP";
    src: url("../fonts/NotoSansJP-VariableFont_wght.ttf") format("truetype");
}

:root {
    --main-margin-top-bottom: 2rem;
    --main-margin-left-right: 5rem;
}

* {
    font-family: "Noto Sans JP";
}

#App {
    display: grid;
    height: max-content;
}

body {
    margin: 0;
}

main {
    margin: var(--main-margin-top-bottom) var(--main-margin-left-right);
    min-height: 64vh;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}