/* **********************************************************
 * add custom styles after imports below
 * ********************************************************** */

@import "default.css";
@import "layout.css";
@import "menu.css";
@import "queries.css";

/* font */

@import url('https://fonts.googleapis.com/css2?family=Xanh+Mono:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Xanh+Mono:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css');
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang&family=Xanh+Mono:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Xanh+Mono:ital@0;1&display=swap');


/* **********************************************************
 * to import a font, use the @import option, you can find
 * lots of font options at fonts.google.com for example.
 * ********************************************************** */

 

 
  

/* **********************************************************
 * Customizing
 *
 * changes to default settings like colors, typography,
 * spacing can be made in default.css
 *
 * other custom settings, start below
 *
 * ********************************************************** */

* {
    /* line-height: 115%; */
    /* font-weight: 300; */
    line-height: 160%;
    font-size: 12px;
}

body {
    /* background-color: var(--color-bg); */
    background: linear-gradient(to bottom,#dddddd 0%,   #ffffff 0%,    #ffffff 85%,   #dddddd 100%);
    min-height: 100vh;
    margin: 0;
    color: var(--color-fg);
}


@media (orientation: portrait) {
    * {
        font-size: 14px;
    }
}

strong {
  font-weight: bold; /* Ensure bold is applied */
  color: inherit; /* Make sure it inherits color from its parent */
  font-size: inherit;
}

em {
  font-size: inherit;
}