.Hibikibg ::-moz-selection {
  color: white;
  background: rgba(60,100,205,0.6);
  text-shadow: 1px 1px 1px rgba(0,0,100,0.9);
}
.Hibikibg ::selection {
  color: white;
  background: rgba(60,100,205,0.6);
  text-shadow: 1px 1px 1px rgba(0,0,100,0.9);
}
.Hibikiheader {
  margin-left: 30px;  
  color: rgb(130,195,255);
  padding: 3px 13px;
  border-radius: 10px 10px 0px 0px;
  background-color: white;
  float: left;
  text-shadow: 1px 1px rgb(170,255,255);
  font: 11pt impact;
  box-shadow: 10px 5px 1px rgba(255,255,255,0.8);
}
.Hibikibg {
  background: rgb(219,241,255); /* Old browsers */
  background: url(https://i.imgur.com/IkXUJAJ.png), -moz-linear-gradient(top,  rgba(219,241,255,1) 0%, rgba(100,170,255,1) 24%, rgba(100,170,255,1) 24%, rgba(100,170,255,1) 73%, rgba(226,244,255,1) 100%); /* FF3.6-15 */
  background: url(https://i.imgur.com/IkXUJAJ.png), -webkit-linear-gradient(top,  rgba(219,241,255,1) 0%,rgba(100,170,255,1) 24%,rgba(100,170,255,1) 24%,rgba(100,170,255,1) 73%,rgba(226,244,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: url(https://i.imgur.com/IkXUJAJ.png), linear-gradient(to bottom,  rgba(219,241,255,1) 0%,rgba(100,170,255,1) 24%,rgba(100,170,255,1) 24%,rgba(100,170,255,1) 73%,rgba(226,244,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 10px 40px;
  font: 12pt Segoe UI;
  color: black;
  padding-bottom: 34px;
}
.Hibikibg a {
  font: 12pt Segoe UI;
  font-weight: bold;
  color: rgb(255,100,100);
  -webkit-transition: : color 0.10 ease;
  transition: color 0.25s ease;
  transition: font 0.25s ease;
}
.Hibikibg a:hover {
  font: 13pt Segoe UI;
  font-weight: bold;
  color: rgb(255,150,140);
  -webkit-transition: : color 0.10 ease;
  transition: color 0.25s ease;
  transition: font 0.25s ease;
}
.Hibikibox {
  margin-top: 24px;
  min-height: 250px;
  font: 15px Segoe UI semibold;
  padding: 20px;
  background: rgb(252,252,252); 
  background: url(https://i.imgur.com/43AkgfF.png)no-repeat bottom right -100px, url(https://i.imgur.com/irWxyhh.png)center left repeat-y,-moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(139,194,249,1) 30%, rgba(137,229,255,1) 100%);
  background: url(https://i.imgur.com/43AkgfF.png)no-repeat bottom right -100px, url(https://i.imgur.com/irWxyhh.png)center left repeat-y,-webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(139,194,249,1) 30%,rgba(137,229,255,1) 100%);
  background: url(https://i.imgur.com/43AkgfF.png)no-repeat bottom right -100px, url(https://i.imgur.com/irWxyhh.png)center left repeat-y,linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(139,194,249,1) 30%,rgba(137,229,255,1) 100%);
  border-radius: 25px;
  text-shadow: 1px 1px 0px rgba(255,255,255,0.5), -1px -1px 0px rgba(255,255,255,0.5), 1px -1px 0px rgba(255,255,255,0.2), -1px 1px 0px rgba(255,255,255,0.5), 0px -1px 0px rgba(255,255,255,0.5), 1px 0px 0px rgba(255,255,255,0.5), -1px 0px 0px rgba(255,255,255,0.5), 0px 1px 0px rgba(255,255,255,0.5);
  border: solid 2px rgba(255,255,255,0.9);
  border-left: double 7px rgba(255,255,255,0.9);
  box-shadow: inset 0px 0px 20px white, 10px 5px 1px rgba(255,255,255,0.8);
  color: rgb(50,100,140);
  transition: color 0.5s;
}
.Hibikibox:hover {
  color: rgb(0,0,0);
  transition: color 0.5s;
}
.Hibikibox > .quote {
  padding: 0px;
  color: rgb(90,150,180);
  margin: 10px;
  position: relative;
}
.Hibikibox .quote:after {
  content: url('https://i.imgur.com/RluRz99.png');
  position: absolute;
  bottom: -10px;
  right: -17px;
  }
.Hibikibox > .code {
  margin: 10px;
  padding: 0px;
  position: relative;
}
.Hibikibox .code:after {
  content: url('https://i.imgur.com/tra9nF6.png');
  position: absolute;
  bottom: -10px;
  right: -17px;
}
.Hibikibox > .quote .boxhead {
  float: left;
  margin: -10px;
  margin-left: 15px;
  padding: 0px 5px;
  box-shadow: inset 0px 0px 20px rgb(200,255,255);
  background-color: rgb(239,255,255);
  border-radius: 12px 6px 12px 6px;
  border: solid 2px rgb(150,225,255);
}
.Hibikibox > .quote > .box {
  background-color: rgb(239,255,255);
  border: solid 2px rgb(150,225,255);
  border-radius: 20px 10px 20px 10px;
  box-shadow: inset 0px 0px 20px rgb(170,255,255), 10px 5px 1px rgba(105,155,255,0.8);
  padding: 5px;
  font-size: 12pt;
  padding-left: 25px;
}
.Hibikibox > .quote .quote {
   margin: 2px;
   padding: 1px;
}
.Hibikibox > .quote .quote .boxhead {
  border: none;
  border-radius: 10px 10px 0px 0px;
  background-color: rgba(200,225,255,1.0);
  margin-top: 5px;
  margin-bottom: 0px;
  box-shadow: none;
}
.Hibikibox > .quote .quote .box {
  background-color: rgba(200,225,255,1.0);
  border-radius: 9px;
  margin-top: 20px;
  padding: 10px;
  border: none;
}
.Hibikibox > .code .boxhead {
  float: left;
  margin: -10px;
  color: steelblue;
  margin-left: 15px;
  padding: 0px 5px;
  box-shadow: inset 0px 0px 20px rgb(200,215,255);
  background-color: rgb(255,255,255);
  border-radius: 12px 6px 12px 6px;
  border: solid 2px rgb(150,205,255);
  position: absolute;
}
.Hibikibox > .code .boxhead a {
  font-size: 11px;
}

.Hibikibox > .code > .box {
  background-color: rgb(255,255,255);
  color: steelblue;
  border: solid 2px rgb(150,205,255);
  border-radius: 20px 10px 20px 10px;
  box-shadow: inset 0px 0px 20px rgb(170,215,255), 10px 5px 1px rgba(105,155,255,0.8);
  padding: 5px;
  font-size: 12pt;
  font-weight: bold;
  padding-left: 25px;
}
.Hibikibox > .spoiler {
  text-shadow: none;
}
.Hibikifooter {
  float: right;
  margin-right: 30px;
  padding: 3px 13px;
  border-radius: 0px 0px 10px 10px;
  color: rgb(130,195,255);
  text-shadow: 1px 1px rgb(170,255,255);
  background-color: white;
  font: 11pt impact;
  box-shadow: 10px 5px 1px rgba(255,255,255,0.8);
} 