:root{
    /* 웹사이트 기본 팔레트 요소 */
    --libGreen : #BDE87D;
    --libBlue : #25befb;
    --libDarkGreen : #3e6545;
    --libBlack : #000000;
    --libWhite : #ffffff;

    --font-xxs: 8px;
    --font-xs: 12px;
    --font-s: 16px;
    --font-m: 20px;
    --font-l: 24px;
    --font-xl: 30px;
    --font-xxl: 36px;
    --font-xxxl: 48px;
}


.fontS {font-size: var(--font-s);}
.fontM {font-size: var(--font-m);}
.fontL {font-size: var(--font-l);}
.fontXL {font-size: var(--font-xl);}
.fontXXL {font-size: var(--font-xxl);}
.fontXXXL {font-size: var(--font-xxxl);}

.marginS {margin-top: 5px; margin-bottom: 5px;}
.marginM {margin-top: 10px; margin-bottom: 10px;}
.marginL {margin-top: 15px; margin-bottom: 15px;}
.marginXL {margin-top: 20px; margin-bottom: 20px;}
.marginXXL {margin-top: 25px; margin-bottom: 25px;}

@font-face {
    font-family: 'SUITE-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

body{
    font-family: 'Escoredream';
}