/*Text is loosely themed after "Rose Pine" - https://rosepinetheme.com/palette/ingredients/ */

* {
  background-color: #191724; /*Base*/
  text-align: center;
}

h1{color: #f6c177;} /*Gold*/

p{color: #e0def4;}

a{color: #c4a7e7;}

canvas {
    border:1px solid #ebbcba /*Rose*/;
    background-color: #1f1d2e; /*Surface*/
}

button {
  background-color: #26233a; /*Overlay*/
  color: #e0def4; /*Subtle*/
  font-size: 20px;
  transition-duration: 0.4s;
}

button:hover {
  background-color: #9ccfd8; /*Foam*/
  color: #1f1d2e; /*Surface*/
}

.divider {color: #ebbcba /*Rose*/; margin: 5px 150px;}
.footer-text {color: #908caa /*Subtle*/; font-size: 12px;}
/* NOTE: css border colors. https://www.w3schools.com/css/css_border.asp */