body{
  background-color: rgb(12,45,15);
}

.page{
  background-color: rgb(255,255,255);
  margin: 0px 30px 30px 30px;
  padding: 10px; 
}

.commentpage{
  background-color: rgb(246,246,100);
  margin: 0px 30px 30px 30px;
  padding: 10px;
}

.parchment {
  background-color: rgb(200,200,100);
  color: rgb(0,0,0);
  padding: 10px;
  font-size: 40px;
  text-align: center;
}

h1 {
  background-color: rgb(25,90,30);
  color: rgb(255,255,255);
  padding: 10px;
  font-family: "Garamond";
}

h2 {
  background-color: rgb(60,60,100);
  color: rgb(255,255,255);
  padding: 5px;
  font-family: "Garamond";
}

h3 {
  background-color: rgb(100,60,60);
  color: rgb(255,255,255);
  padding: 5px;
  font-family: "Garamond";
}

h4 {
  background-color: rgb(100,100,60);
  color: rgb(255,255,255);
  padding: 5px;
  font-family: "Garamond";
}

img {
  max-width: 80%;
  display:block;
  margin-left: auto;
  margin-right: auto;
}

video {
  max-width: 80%;
  display:block;
  margin-left: auto;
  margin-right: auto;
}

table {
  max-width: 80%;
  margin-left:auto;
  margin-right:auto;
}

table, th, td {
  border:1px solid black;
  border-collapse: collapse;
}

iframe {
  width: 640px;
  height: 360px;
  max-width: 80%;
  display:block;
  margin-left: auto;
  margin-right: auto;
}

canvas {
  max-width: 80%;
  display:block;
  margin-left: auto;
  margin-right: auto;
}

.page img {
  border: 3px groove rgb(0,0,100);
}

.page canvas {
  border: 3px groove rgb(0,0,100);
}

.page video {
  border: 3px groove rgb(0,0,100);
}

.page iframe {
  border: 3px groove rgb(0,0,100);
}

p {
  font-family: "Garamond";
}

.caption {	
  color: rgb(128,128,128);
  text-align: center;
}

.navbar {
  background-color: rgb(128,128,150);
  color: rgb(200,200,200);
  text-align: center;
  padding: 5px;
}

.tabbar {
  margin: 10px 30px;
}

.tab {
  font-family: "Garamond";
  font-style: normal;
  background-color: rgb(20,70,15);
  color: rgb(256,256,256);
  margin: 0px;
  padding: 10px;
  text-decoration: none;
}

.tab:hover {
  background-color: rgb(30,100,20);
}

.inlinetab {
  font-family: "Garamond";
  font-style: normal;
  background-color: rgb(255,255,255);
  color: rgb(0,0,0);
  border: 2px solid rgb(20,70,15);
  border-radius: 3px;
  margin: 1px 0px;
  padding: 10px;
  text-decoration: none;
  display:inline-block;
}

.inlinetab:hover {
  background-color: rgb(230,255,230);
}

.inlinetab[select] {
  background-color: rgb(210,255,210);
}

.inlinetab[select]:hover {
  background-color: rgb(210,255,210);
}

.recipe-img {
  max-width: 80%;
}

.recipe-item:hover {
  background-color: LightBlue;
}

.scrollbox {
  background-color: rgb(80,80,80);
  color: rgb(256,256,256);
  border: 3px groove rgb(0,0,100);
  max-width: 80%;
  height: 10em;
  display:block;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}

.centerbox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.centerinput {
  display:block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.halfspan {
  max-width: 40%;
  display:inline-block;
}

.reduced-width {
  max-width: 40%; 
}

#title {
  padding:10px;
}