@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;700;800;900&display=swap');

:root {
    --yellow: #FFD705;
    --black: #101010;
}

* {
    box-sizing: border-box ;
}

body {
    font-family: 'Kanit', sans-serif;
    background: var(--yellow);
    color: var(--black);
    font-size: 16px;
    overflow-x: hidden;
}

#app {
    margin: 0;
    padding: 11px;
    border: 3px solid var(--black);
    border-radius: 11px;
    height: calc(100vh - 22px);
    width: calc(100vw - 22px);
    overflow-x: hidden;
    overflow-y: auto;
}
::selection {
    color: var(--black);
    background-color: var(--yellow);
}


#app::-webkit-scrollbar {
    width: 6px;
  }
  
  #app::-webkit-scrollbar-track {
    background: var(--yellow); 
  }
   
  #app::-webkit-scrollbar-thumb {
    background: var(--black); 
  }
  
  #app::-webkit-scrollbar-thumb:hover {
    background: #666; 
  }



.trans {
    transition: .38s ease;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
}