h1 {
  margin: 0;
  padding: 10px;
  background-color: #ffffff;
  color: #6c0633;
  font-family: 'Roboto Condensed',sans-serif;
  font-weight: 700;
  
}
body {
  margin: 0px;
  padding: 10px;
  background-color: #DAD6CB;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  line-height: 1.5;
}
p {
  margin: 0px;
}
.fixednav {
  position: fixed;
  top: 0;
  left: 0;
}
.staticnav {
  position: static;
}
#navigation {
  background-color: #6c0633;
  padding: 10px;

}
#navigation a {
  padding: 0px;
  color: white;
  text-decoration: none;
}
#copy-target{
  background-color: #ffffff;

}
#copy-button{
  background-color: #DAD6CB;

}
[data-tip] {
	position: relative;

}
[data-tip]: before {
	content: ''; /* hides the tooltip when not hovered */
	display: none;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;
	position: absolute;
	top: 30px;
	left: 35px;
	z-index: 8;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
[data-tip]: after {
	display: none;
	content: attr(data-tip);
	position: absolute;
	top: 35px;
	left: 0px;
	padding: 5px 8px;
	background: #1a1a1a;
	color: #fff;
	z-index: 9;
	font-size: 0.75em;
	height: 18px;
	line-height: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	word-wrap: normal;
}
[data-tip]:hover: before,
[data-tip]:hover: after {
	display: block;
}

.tooltip {
 font-size: 0.75em;
}





/*set the default color of the stars*/
.star-rating{
    color: #bebebe;
    font-size:2em;
}
/*create the star*/
.my-star::before{
    content:"\002605";
}
/*remove the default style (italic) of the star*/
.my-star{
    font-style: unset !important;
}
/*set active star color*/
.is-active{
    color:#fb8900;
}
/*set color on hover*/
.my-star:not(.is-active):hover{
    color: #fb8900;
}
select, input {
    margin-bottom: 0.5em;
}
form {
  padding: 0 2em;
}
@media only screen and (max-width: 400px) {
  #output_frame {
    display: none;
  }
}