h1
{
    font-weight: normal;
    color: White;
    /* border: 20px solid red; */
}
p
{
	margin: 0;
}
code
{
	float: right;
	font-size: 1.2em;
	padding: 1px 4px;
	background-color: #eee;
}
html
{
  height: 100%;
}
body
{
    background-image: url(../images/DSCF0453c.jpg);
    /* background-color: #cccccc; */
    /* background-image: radial-gradient(rgb(201, 186, 160), rgb(131, 88, 4)); */
    /* position: absolute;
    top: 0;
    left: 0; */
    /* height: auto; */
    /* width: 100%; */
    /* min-height: 100%; */
    /* background-size: cover; */
    /* width: 100%; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* overflow: visible; */
}
footer
{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}
/* img {
    max-width: 100%;
    max-height: 100%;
} */
a
{
    font-size: 0.9em;
    text-decoration: none;
    color: rgb(12, 6, 1);
}
a.level2
{
    font-size: 0.9em;
}
a.level3
{
    font-size: 0.8em;
}
table
{
  width: 93%;
  height:100%;
  margin: 3%;
}
td
{
   /* font-size: 1em; */
   width: 31%;
   text-align: left;
   /* border: solid; */
}
#recipe
{
   font-size: 1.5em;
   width: 33%;
}
#sitelink
{
   font-size: 0.8em;
   color: #a9f5fa;
   width: 50%;
}
#note
{
    font-size: 0.5em;
}
td.right2
{
    text-align: right;
    width: 31%;
}
td.left2
{
    text-align: left;
    width: 31%;
}
td.right3
{
   text-align: left;
   width: 31%;
}
td.left3
{
   text-align: left;
   width: 31%;
}
td.center3
{
   text-align: left;
   width: 31%
}
td.center3center
{
   text-align: center;
   width: 31%
}
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  /* The actual popup (appears on top) */
  .popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
  }
  
  /* Popup arrow */
  .popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }