@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=WDXL+Lubrifont+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
:root {
    --1: #FBCA7B;
    --2: #FED6A8;
    --3: #F8CD78;
    --4: #FFFEFE;
    --5: #53453F;
    --6: #FFF5E3;
    --7: #46453E;
    --8: #D8D9D8;
    --9: #fcdcdc;
    --10: #FDE3B7;
    --11: #ffeac4;
    --12: #563420;
    --13: #8c6e3a;
    --14: #e2b96c;
    --15: #ffecc6;
    --16: #F8F2E9;
    --btn: #ffb561;
}

  
  html, body {
    height: 100%;
  }
  *{
    font-weight: 400;
    color: var(--1);
    margin: 0;
    -webkit-user-drag: none;
    user-drag: none;
    user-select: none;
    padding: 0;
    text-decoration: none;
    font-family: "WDXL Lubrifont TC", sans-serif;
    font-weight: 800;
    font-style: normal;
    box-sizing: border-box;
    color: #553333;
  }
  
  html, body {
    height: 100%;
  }
  /* 
  
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

  */