/* TODO:: upload Atkinson Hyperlegible and/or other fonts. */

body {background-color: #E5D3CF;
      /*background-image: linear-gradient(180deg, red, yellow);*/
      background-image: url("beige-tiles.webp");
      font-family: "Atkinson Hyperlegible", "Georgia";

      
      .button {
	  border: outset;
	  color: white;
	  padding: 7px 16px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  margin: 4px 2px;
	  cursor: pointer;
	  transition-duration: 0.1s;
	  box-shadow: 0 9px #999;
      }

      .button:hover {
	  background-color: #04AA6D; /* Green */
	  color: white;
      }

      .button:active {
	  background-color: #3e8e41;
	  box-shadow: 0 5px #666;
	  transform: translateY(4px);
      }

      .bg_green {background-color: #04AA6D;}
      .bg_blue {background-color: #008CBA;}
      .bg_red {background-color: red;}
      .bg_maroon {background-color: maroon;}
      
     }


h1   {color: blue;}
p    {color: #8B0035;
     }