@font-face {
    font-family: Chicago;
    src: url("fonts/DePixelHalbfett.otf") format("opentype");
}

@font-face {
    font-family: ChicagoThin;
    src: url("fonts/DePixelBreit.otf") format("opentype");
}

@font-face {
    font-family: RainyHearts;
    src: url("fonts/rainyhearts.ttf") format("truetype");
}
@font-face {
    font-family: 04B;
    src: url("fonts/04B_30__.TTF") format("truetype");
}
@font-face {
    font-family: Minecraftia;
    src: url("fonts/Minecraftia-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Eight Bit Dragon";
    src: url("fonts/eight-bit-dragon.otf") format("opentype");
}
@font-face {
    font-family: "PixChicago";
    src: url("fonts/pixChicago.ttf") format("truetype");
}
@font-face {
    font-family: "Minimal Font";
    src: url("fonts/MinimalFont5x7.ttf") format("truetype");
}
@font-face {
    font-family: "Basiic";
    src: url("fonts/basiic.ttf") format("truetype");
}
@font-face {
    font-family: "Bangalore";
    src: url("fonts/bangalore.ttf") format("truetype");
}
@font-face {
    font-family: "Dogica Pixel";
    src: url("fonts/dogicapixel.otf") format("opentype");
}
html {
  scroll-behavior: smooth;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: none;
text-align: justify;
cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto;
}
h2 {
width: 45%;
margin: 0 auto;
padding: 5px 20px 5px 20px;
text-align: center;
font-family: "Chicago";
font-size: 12px;
line-height: 28px;
color: #de3163;
background-color: #aefbd7;
-ms-transform: rotate(-2deg); /* IE 9 */
-webkit-transform: rotate(-2deg); /* Safari */
transform: rotate(-2deg);
}
.button {
line-height: 25px;
font-size: 15px;
color: #de3163;
width: 200px;
background-color: #ffb7c5;
padding: 10px;
border: 1px solid #de3163;
}
.button:hover {
border: 1px solid;
}
h3 {
text-align: center;
font-family: "Chicago";
font-size: 14px;
font-weight: 400;
color: #00a5cf;
}
.h3-link {
text-decoration: underline;
text-decoration-style: wavy;
text-underline-offset: 3px;
color: #00a5cf !important;
}
.h3-link:hover {
text-decoration: none;
color: #de3163 !important;
cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto;
}
h4 {
text-align: center;
font-family: "Chicago", serif;
font-size: 12px;
font-weight: 400;
text-decoration: none;
color: #de3163;
}
img a {
position:relative;
top: 0px;
background-color: transparent !important;
cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto;
}
img a:hover {
position:relative;
top: 2px;
background-color: transparent !important;
cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto;
}
p {
font-family: "Dogica Pixel";
font-size: 6pt;
line-height: 12pt;
color: #000;
}
p a {
background-color: #00a5cf;
color: #FFF;
text-decoration: none;
padding: 3px;
}
p a:hover {
background-color: #aefbd7;
color: #00a5cf;
text-decoration: none;
cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto;
}
p strong {
font-weight: 400;
color: #ff6b87;
}
input, textarea {
background-color: #F390AC;
font-family: Verdana, sans serif;
font-size: 8.5pt;
line-height: 9.5pt;
letter-spacing: 1px;
color: #FFF;
padding: 5px;
border: 1px dashed #de3163;
}
img a {
position:relative;
top: 0px;
}
img:hover {
position:relative;
top: 2px;
}
.rating {
margin-right: 2px;
}
.tower {
  line-height: 50%;
  background:url('tt/ttbg.PNG') center bottom;
  padding: 4px;
  white-space: nowrap;
}
.wall {
text-align: justify;
text-justify: inter-character;
text-align-last: justify;
}
.white-bg {
font-family: "ChicagoThin";
font-size: 8px;
background-color: #FFF;
padding: 5px 10px 5px 10px;
font-style: normal;
color: #000;
line-height: 20px;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #de3163;
  border-radius: 5px;
}
#statuscafe {
    padding: 1.5em;
    border: 2px #fff solid;
    width: 80%;
    margin: auto;
    color: #C83E4D;
    font-family: "Dogica Pixel";
    font-size: 8px;
    border-radius: 30px;
    background-color: #fff;
}
#statuscafe-content {
    font-family: "Dogica Pixel";
    margin: 1em 1em 0em 1em;
    color: #0d6081;
    font-size: 8px;
}
#statuscafe a {
background-color: #00a5cf;
color: #FFF;
text-decoration: none;
padding: 3px;
font-size: 6px;
}
#statuscafe a:hover {
background-color: #aefbd7;
color: #00a5cf;
text-decoration: none;
cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto;
}
table {
font-family: "Dogica Pixel";
font-size: 8px;
line-height: 12px;
color: #22181C;
margin: auto;
padding: 10px;
text-align: center;
}
th {
background-color: #FDFCF9;
padding: 10px;
font-weight: 600;
letter-spacing: 0.1rem;
}
td {
background-color: #BAF0E8;
padding: 10px;
}
table a {
color: #71D3C4;
letter-spacing: 0.1vw;
text-decoration: underline;
text-underline-offset: 2.5px;
}
table a:hover {
color: #84DCCF;
text-decoration: none;
cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto;
}
.video-player {
width: 135px;
height: 240px;
margin: 0 auto;
padding: 0px;
border: 10px solid black;
border-radius: 22px;
overflow: hidden;
-webkit-transform: translateZ(0);
box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.2);
}

.tooltip {
  text-decoration:none;
  position:relative;
}
 
.tooltip span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color: #000;
  background:white; 
}
 
.tooltip span img {
  float:left;
  margin:0px 8px 8px 0;
}
 
.tooltip:hover span {
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:auto;
  max-width:400px;
  min-height:128px;
  border:1px solid #0d6081;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:8px;
}