:root {
    --font-dot: "DotGothic16", sans-serif;
    --font-basic: "M PLUS Rounded 1c", sans-serif;
    --pink: #fec3f1;
    --blue: #aae8f7;
    --dark-blue: #7db7fa;
    --hover-blue: rgb(197, 238, 248);
    --violet: #b7b5fe;
    --dark-violet: #947ff0;
    --hover-violet: #b6a9f0;
    --perple: #e6c9ff;
    --dark-perple: #ac78f0;
    --hover-perple: #c7a1f8;
    --sakura: #ffe2f8;
    --lemon: #ffffe2;
    --otya: #eaf7d8;
    --save-block-bg:    #f3f0ff;
    --save-token-color: #5c3db8;
    --save-input-border: #c4b3f7;
    --save-copy-hover:  #e0d8ff;
    --save-divider:     #ecdff8;
}

* {
    font-family: var(--font-basic);
}

body {
    height: 100vh;
}