@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";:root{--scrollbar-width: calc(100vw - 100%) ;--primary-color: rgb(0, 71, 49);--secondary-color: rgb(116, 255, 213)}::-webkit-scrollbar{display:none}html,body{overflow-x:hidden;-webkit-user-select:none;user-select:none}body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;max-width:100vw;max-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:Poppinds,sans-serif;font-weight:400;font-style:normal;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.HDDIV{margin:10px;background-color:var(--primary-color);border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap}.H1{text-align:center;text-wrap:wrap;word-wrap:break-word;font-size:26px;color:var(--secondary-color);font-weight:600}.BOARD_SECTION{margin:10px;display:flex;justify-content:center;align-items:center}.BOARD_DIV{display:flex;justify-content:center;align-items:center;width:600px;height:400px;background-color:var(--primary-color)}.BOARD_CANVAS{width:100%;height:100%}.BUTTON_SECTION{margin:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;display:none}.BUTTON_DIV{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;flex-direction:row;width:330px;height:60px;background-color:var(--primary-color);border-radius:10px}.BUTTON{border:none;outline:none;background:none;width:40px;height:40px;color:var(--primary-color);background-color:var(--secondary-color);border-radius:50px;cursor:pointer}@media screen and (min-width: 1440px){.BOARD_DIV{width:600px;height:400px}}@media screen and (max-width: 1440px){.BOARD_DIV{width:600px;height:400px}}@media screen and (max-width: 1024px){.BOARD_DIV{width:600px;height:400px}}@media screen and (max-width: 768px){.BOARD_DIV{width:600px;height:400px}.BUTTON_SECTION{display:flex}}@media screen and (max-width: 500px){.BOARD_DIV{width:400px;height:300px}}@media screen and (max-width: 425px){.BOARD_DIV{width:300px;height:250px}}@media screen and (max-width: 375px){.BOARD_DIV{width:250px;height:250px}}@media screen and (max-width: 320px){.BOARD_DIV{width:600px;height:400px}}