body,
html {
  padding: 0;
  margin: 0;
}
body {
  text-align: center;
  background: #48f5fc;
  background: url(/design/bg-stars.png) repeat-x, url(/design/bg-cloud.png) left 0 bottom 0 no-repeat, #48f5fc linear-gradient(to bottom,#040652 0%,#254ae5 20%,#48f5fc 100%);
  background-attachment: fixed;
  color: black;
}
@keyframes bodybg {
  from {
    background-position: top left, left -800px bottom 0, center;
  }
  to {
    background-position: top left, left 2000px bottom 0, center;
  }
}
a,
a:visited {
  color: black;
}
.simplemodal-container {
  background: #def;
  box-sizing: border-box;
}
@media (min-width: 681px) {
  .simplemodal-container {
    border: 2px solid black;
    border-radius: 1em;
  }
}
.dbm_quick_popup {
  display: none;
  margin: 4em;
  padding: 1em;
  cursor: pointer;
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  overflow: auto;
  background: #fff;
}
@media (max-width: 800px) {
  .dbm_quick_popup {
    margin: 1em;
    padding: 0.2em;
  }
}
.center {
  text-align: center;
  text-indent: 0;
}
table.center td {
  text-align: center;
}
.small {
  font-size: small;
}
hr,
.spacer {
  border: none;
  display: block;
  clear: both;
  width: 1px;
  height: 1px;
}
img {
  border: none;
}
img.border {
  border: 1px solid;
}
.left {
  float: left;
  margin-right: 0.2em;
}
.right {
  float: right;
  margin-left: 0.2em;
}
p.l {
  margin: 0;
}
p.youtube {
  text-align: center;
  margin: 1em auto;
  width: 560px;
  height: 350px;
  position: relative;
}
p.youtube div {
  position: absolute;
  right: -15em;
  top: 50px;
  width: 10em;
  font: 0.8em sans-serif;
}
p.youtube iframe {
  width: 560px;
  height: 349px;
  border: none;
}
@media (max-width: 800px) {
  *[nomobile] {
    display: none;
  }
  *[desktop] {
    display: none;
  }
}
@media (min-width: 801px) {
  *[mobile] {
    display: none;
  }
  *[nodesktop] {
    display: none;
  }
}
@media print {
  *[dont-print] {
    display: none;
  }
}
.myflex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
table.cols {
  width: 100%;
  border-collapse: collapse;
  margin: 0 -6px;
}
table.cols td,
table.cols th {
  padding: 6px;
  vertical-align: top;
}
#debug_messages {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  max-height: calc(98%);
  overflow: auto;
  background: white;
  border: 1px solid black;
  margin: 1em;
  text-align: left;
  font: 0.8em sans-serif;
}
#debug_messages>h4 {
  cursor: pointer;
  margin: 0;
  padding: 0.4em;
  background: #ccc;
}
#debug_messages>div {
  margin: 0.4em;
}
@media (max-width: 900px) {
  #debug_messages {
    font: 0.5em sans-serif;
  }
}
@media print {
  #debug_messages {
    display: none;
  }
}
.myprintr span {
  color: red;
}
.myprintr span.ak {
  color: green;
}
div.vardisplay>table {
  border-collapse: collapse;
}
div.vardisplay>table>thead>tr>th,
div.vardisplay>table>tbody>tr>td {
  border: 1px solid;
  padding: 0.2em 0.3em;
}
.txt_Bangers {
  font-family: 'Bangers', cursive;
  font-size: 0.900em;
  line-height: 1.100;
  letter-spacing: 0.07em;
}
.txt_Balsamiq {
  font-family: 'Balsamiq Sans', cursive;
  font-size: 0.950em;
  line-height: 1.000;
}
.txt_Balsamiq-UC {
  font-family: 'Balsamiq Sans', cursive;
  font-size: 0.820em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Carter-One {
  font-family: 'Carter One', cursive;
  font-size: 0.900em;
  line-height: 1.000;
}
.txt_Gochi-Hand {
  font-family: 'Gochi Hand', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Gochi-Hand-UC {
  font-family: 'Gochi Hand', cursive;
  font-size: 0.900em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Kalam {
  font-family: 'Kalam', cursive;
  font-size: 0.900em;
  line-height: 1.000;
}
.txt_Kalam-UC {
  font-family: 'Kalam', cursive;
  font-size: 0.850em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Neucha {
  font-family: 'Neucha', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Pangolin {
  font-family: 'Pangolin', cursive;
  font-size: 0.950em;
  line-height: 1.000;
}
.txt_Pangolin-UC {
  font-family: 'Pangolin', cursive;
  font-size: 0.850em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Patrick-Hand {
  font-family: 'Patrick Hand', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Patrick-Hand-UC {
  font-family: 'Patrick Hand', cursive;
  font-size: 0.930em;
  line-height: 1.000;
  text-transform: uppercase;
}
.txt_Permanent-Marker {
  font-family: 'Permanent Marker', cursive;
  font-size: 0.850em;
  line-height: 1.100;
}
.txt_Balsamiq-small {
  font-family: 'Balsamiq Sans', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Kosugi-Maru {
  font-family: 'Kosugi Maru', cursive;
  font-size: 0.850em;
  line-height: 1.000;
}
.txt_Fira-Sans-Condensed {
  font-family: 'Fira Sans Condensed', cursive;
  font-size: 1.000em;
  line-height: 1.000;
}
.txt_Ruslan-Display {
  font-family: 'Ruslan Display', cursive;
  font-size: 0.810em;
  line-height: 1.000;
}
.txt_Kalam-UC>.balloon {
  padding-top: 0.3em;
}
div.dbm-tags>span {
  display: inline-block;
  font: 0.8em sans-serif;
  background: #8AF;
  border-radius: 0.5em;
  padding: 0.1em 0.3em;
  margin: 0.1em;
}
#splash {
  cursor: pointer;
}
#splash>h1 {
  display: none;
}
#splash>div {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  background: url(design/splash2/bache.jpg) center center no-repeat;
  background-size: contain;
  width: 1000px;
  height: 673px;
}
#splash>div>div {
  position: relative;
  width: 2485px;
  height: 1673px;
  transform: scale(0.402);
  transform-origin: top left;
}
#splash>div>div>img {
  position: absolute;
  opacity: 0;
  transition: left 2s, top 2s;
}
#splash>div>div #db1 {
  top: 80%;
  left: 110%;
}
#splash>div>div #db2 {
  top: 110%;
  left: -20%;
}
#splash>div>div #db3 {
  top: -10%;
  left: 15%;
}
#splash>div>div #db4 {
  top: 105%;
  left: 80%;
}
#splash>div>div #db5 {
  top: -10%;
  left: -10%;
}
#splash>div>div #db6 {
  top: 10%;
  left: 105%;
}
#splash>div>div #db7 {
  top: -10%;
  left: 70%;
}
#splash>div>div #txtdb {
  top: 45%;
  left: -50%;
}
#splash>div>div #txtmult {
  top: 45%;
  left: 150%;
}
@media (max-width: 1030px) {
  #splash>div {
    background-image: url(design/splash/cell.jpg);
    width: 100%;
    height: 185px;
  }
  #splash>div>div>img {
    display: none;
  }
}
#splash>div>div>img.flotte {
  animation: 1s linear 0s infinite alternate flotte;
}
@keyframes flotte {
  from {
    margin-top: 0;
  }
  to {
    margin-top: 20px;
  }
}
#splash>div>div>img.txt {
  animation: 1s linear 0s infinite alternate zoome;
}
@keyframes zoome {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}
#discl {
  font: bold 1.2em sans-serif;
  margin: 0.5em;
}
#langs {
  width: 1000px;
  max-width: 95%;
  margin: auto;
}
#langs img {
  border: none;
  margin: 5px 30px;
}
@media (max-width: 680px) {
  #langs img {
    margin: 5px 15px;
  }
}
@media (max-width: 400px) {
  #langs {
    width: 100%;
  }
  #langs img {
    margin: 4px;
    width: 33px;
    height: 30px;
    vertical-align: middle;
  }
  #langs>a {
    display: inline-block;
    width: 49%;
    height: 27px;
    overflow: hidden;
    text-align: left;
    margin: 0.5em 0;
    font: bold 1em Arial, sans-serif;
  }
  #langs>a::after {
    content: attr(title);
  }
}