/*
https://www.codingwithjesse.com/blog/100-percent-height-interface/
https://stackoverflow.com/questions/1664785/resize-html5-canvas-to-fit-window
*/

html, body {
  width:  100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
    background-color: #eee;
    color: #222;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.button{
    background-color: #222;
    color: #eee;
    padding: 15px;
    font-size: 150%;
    font-weight: bolder;
}

.dark-mode {
    background-color: #222;
    color: #eee;
    button{
        background-color: #eee;
        color: #222;
    }
}