@charset "utf-8";
/* CSS Document */
#canvas {
  background-color: #E9DCC9;
  font-family: Helvetica;
  position: absolute;
  top: 100px;
  width:99%;
}

#heading {
  text-align: center;
  font-size: large;
  font-weight: normal;
  font-style: italic;
  background-color: blue;
  color: rgb(231, 210, 18);
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  padding:5px;
}

.shine {
  color: blue;
  font-size: large;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
  margin-top:20px;
  padding:5px;
}
.packageTable {
  background-color:blue;
  border-collapse: separate;
  border-spacing:15px 15px;
  margin-left: auto;
  margin-right: auto;
  margin-top:0px;
  margin-bottom: 0px;
  color:blue;
}
#packageTableCaption {
  text-align: center;
  font-size: x-large;
  font-weight: bold;
  padding:10px;
  color: rgb(231, 210, 18);
  background-color:blue;
}

.packageBox{
  padding:10px;
  text-align:center;
  border:5px green solid;
  width:300px;
  border-radius:20px;
}
.packageBox:hover{
  border:5px solid rgb(231, 210, 18);
  border-radius:20px;
}
.packageName {
  color:red;
  display: table-cell;
  font-weight:bold;
  font-size:large;
}
.row{
  background-color:white;
}
#productPageLink {
  font-size: large;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
#contact {
  background-color: #FCF5E5;
  text-align: center;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
	margin-top:10px;
  border: 1px grey solid;
  padding: 10px;
}

#contactTitle {
  background-color: #FCF5E5;
  font-size: large;
  font-weight: bold;
  text-align: center;
	margin-top:10px;
}

#footer {
  background-color: blue;
  color: white;
  text-align: center;
  margin-top: 10px;
  margin-bottom:10px;
  
}