a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

.leftadcontainer {
height: fit-content; /* Full-height: remove this if you want "auto" height */
min-width: 180px; /* Set the width of the sidebar */
position: absolute;
top: 0; /* Stay at the top */
left: 0;
padding: 4vmin;
overflow-x: hidden; /* Disable horizontal scroll */
border: 0.5vmin solid #daa520;
border-radius:3vmin 3vmin 3vmin 3vmin;
padding: 0.2vmin;
background-image: radial-gradient(circle at center center, #e2a62a, #933e21), repeating-radial-gradient(circle at center center, #e2a62a, #e2a62a, 32px, transparent 64px, transparent 32px);
background-blend-mode: multiply;
background-color: #933e21;
z-index: -1;
}

.maincontainer {
width: auto;
min-width: 350px;
max-width: 1024px;
position: absolute;
text-align: center;
top: 0%;
left: 50%;
transform: translate(-50%, 0%);
/*margin-left: 190px;
margin-right: 190px;*/
/*padding: 1.5vmin 1.7vmin;*/
padding: 2.5vmin 2.5vmin;
/*padding: 4vmin 3vmin;*/
border-radius:3vmin 3vmin 3vmin 3vmin;
overflow-x:hidden;
}

.rightadcontainer {
height: fit-content; /* Full-height: remove this if you want "auto" height */
min-width: 180px; /* Set the width of the sidebar */
position: absolute;
top: 0; /* Stay at the top */
right: 0;
padding: 4vmin;
overflow-x: hidden; /* Disable horizontal scroll */
border: 0.5vmin solid #daa520;
border-radius:3vmin 3vmin 3vmin 3vmin;
padding: 0.2vmin;
background-image: radial-gradient(circle at center center, #e2a62a, #933e21), repeating-radial-gradient(circle at center center, #e2a62a, #e2a62a, 32px, transparent 64px, transparent 32px);
background-blend-mode: multiply;
background-color: #933e21;
z-index: -1;
}

.footercontainer {
width:auto;
min-width: 350px;
max-width: 1024px;
position: relative;
text-align: center;
/*top: 200%;
left: 50%
transform: translate(-50%, 200%);*/
border-radius:3vmin 3vmin 3vmin 3vmin;
background-color: white;
font-family: Arial; 
font-size: 1.5vmin;
}

@media only screen and (max-width: 768px) {
    .leftadcontainer {
        display: none;
    }
    .rightadcontainer {
        display: none;
    }
}

@media print{
	body {
    visibility: hidden;
    margin:0;
    padding:0
	}
  
	.maincontainer{
		 visibility: visible;
		 -webkit-print-color-adjust: exact !important; // if you want to enable graphics
		 color-adjust: exact !important; // if you want to enable graphics
		 print-color-adjust: exact !important; // if you want to enable graphics
		 margin: 0;
         align: center;
         width: 80%;
		 /*
		 .pageBreak { 
			page-break-before : auto; //always; // If you want to skip next page
			page-break-inside: avoid;  // If you want to skip next page
		}
		*/
	}
	
	.advert{
		display: none;
	}
	
	.leftadcontainer{
		display: none;
	}
	
	.rightadcontainer{
		display: none;
	}
	
	/*
	#pdfclick{
		display: none;
	}
	*/
	/* force page break after specific element
	.myelementclass {
		page-break-after: always;
	}
	*/
    
	@page {
			/* size: A4 portrait; margin:0mm; // set page layout */
			size: 210mm 594mm; margin:0mm; // set page layout
			background-color: #fff;
			font-family: 'headerfont', Fallback, sans-serif;
			@top-left {
				content: "www.calcable.net/yesorno/";
				color: black;
				font-style: bold;
              }
			@top-right { 
				content: "Page " counter(page) " of " counter(pages);
				color: black;
				font-style: bold; 
			}
		}
}

.advert {
vertical-align:middle;
text-align:center;
width:100%;
max-width:100%;
height:auto;
}

.share img {
width: 5vmin;
height: 5vmin;
border: 0;
text-align:center;
vertical-align: middle;
padding-top:0.4vmin;
padding-bottom: 0.4vmin;
}

.sharebig img {
width: 8vmin;
height: 8vmin;
border: 0;
vertical-align: middle;
}

.share a input {
width: 5vmin;
height: 5vmin;
border: 0;
}

.leftad {
width: fit-content;
min-width: 160px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
}

.rightad {
width: fit-content;
min-width: 160px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
}

.maindiv {
z-index: +1;
width: auto;
overflow-x:hidden;
border-radius:3vmin 3vmin 3vmin 3vmin;
background-image: radial-gradient(circle at center center, #e2a62a, #933e21), repeating-radial-gradient(circle at center center, #e2a62a, #e2a62a, 32px, transparent 64px, transparent 32px);
background-blend-mode: multiply;
background-color: #933e21;


/*animation: maindiv 5s infinite alternate;*/
border: 0.35vmin solid #fff; /* 0.35vmin */
padding: 1.2vmin; /* 1.2vmin */
box-shadow: 0 0 .2vmin #fff,
            0 0 .2vmin #fff,
            0 0 2vmin #CC2D30,
            0 0 0.8vmin #CC2D30,
            0 0 2.8vmin #CC2D30,
            inset 0 0 1.3rem #CC2D30; 
} 

@keyframes maindiv {   
  100% {
      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #CC2D30,
      0 0 80px #CC2D30,
      0 0 90px #CC2D30,
      0 0 100px #CC2D30,
      0 0 150px #CC2D30;
  }; 
  0% {
    text-shadow:
    0 0 2px #fff,
    0 0 4px #fff,
    0 0 6px #fff,
    0 0 10px #CC2D30,
    0 0 45px #CC2D30,
    0 0 55px #CC2D30,
    0 0 70px #CC2D30,
    0 0 80px #CC2D30;
	}
}
/*
.maindiv:before, .maindiv:after {
  z-index: -1;
  position: absolute;
  content: '';
  width: calc(100% + 0.1vmin);
  height: calc(100% + 0.1vmin);
  top: -3px;
  left: -3px;
  overflow: hidden;
  border-radius:3vmin 3vmin 3vmin 3vmin;
  background: linear-gradient(45deg, #fc0090, #0000ff,#00ff00,
              #ff0000,#ffff00,#fc0090,#0000ff,#00ff00,#ffff00);
  background-size: 300%;
  animation: maindiv 20s linear infinite;
}
.maindiv:after {
  filter: blur(30px);
}
@keyframes maindiv { 
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 300%;
  }
  100% {
    background-position: 0 0;
  }
}
*/

#popupresult {
position: fixed; 
z-index: 99;
width: 20vmin;
height: 20vmin;
line-height: 20vmin; /* needed to align vertically! */
margin: auto;
top: 0; 
bottom: 0; 
left: 0;
right: 0;
padding: 10px;
border: 0.25vmin solid black;
border-radius:3vmin 3vmin 3vmin 3vmin;
/* -webkit-filter: brightness(1);
filter: brightness(1); */
font-family: 'headerfont', Fallback, sans-serif;
font-weight:bold;
font-size:10vmin;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
text-align:center;
vertical-align:middle;
color: white; /*#9ECEF7;#daa520; #98918A;*/
display: none;
animation: hide 1.0s forwards;
animation-iteration-count: 1;
animation-delay: 3s;
-webkit-animation: hide 1.0s forwards;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 3s
}
@keyframes hide  { to { display: none; } }
@-webkit-keyframes { to { display: none; } }

.popuptext {
position: fixed; 
z-index: 98;
width: 80%;
height: 30vmin;
line-height: 2.5vmin; /* needed to align vertically - same as font size! */
margin: auto;
top: 0; 
bottom: 0; 
left: 0;
right: 0;
padding: 10px;
background-color: white;
border: 0.25vmin solid black;
border-radius:3vmin 3vmin 3vmin 3vmin;
font-family: 'textfont', Fallback, sans-serif;
font-weight:normal;
font-size: 2.5vmin;
color: black;
text-align:center;
word-wrap: break-word;
/*vertical-align:middle;*/
overflow: auto;
display: none;
}

.popuptext::-webkit-scrollbar {
	width: 0px;
    background: transparent; /* make scrollbar transparent */
}

.popuptext2 {
/* position: relative;
z-index: 98; */
width: 80%;
height: 40vmin;
line-height: 2.5vmin; /* needed to align vertically - same as font size! */
margin: auto;
top: 0; 
bottom: 0; 
left: 0;
right: 0;
/* vertical-align:middle;*/
padding: 10px;
background-color: white;
border: 0.25vmin solid black;
border-radius:3vmin 3vmin 3vmin 3vmin;
font-family: 'textfont', Fallback, sans-serif;
font-weight:normal;
font-size: 2.5vmin;
color: black;
text-align:center;
word-wrap: break-word;
overflow: auto;
display: none;
}

.popuptext2::-webkit-scrollbar {
	width: 0px;
    background: transparent; /* make scrollbar transparent */
}

.tb {
table-layout:fixed;
width: 100%
border-collapse:separate;border-spacing:0;
}

tr:first-child th:first-child { border-top-left-radius: 2.5vmin; }
tr:first-child th:last-child { border-top-right-radius: 2.5vmin; }

#coffee {
	font-size:2vmin;
	position: absolute;
	bottom: 1vmin;
	left: 1vmin;
	border: 0;
	z-index: 1;
}

#coffee img{
	width: 5vmin;
	height: auto;	
}

#about {
	position: absolute;
	bottom: 1vmin;
	right: 1vmin;
	border: 0;
	z-index: 1;
}

#about img{
	width: 5vmin;
	height: auto;	
}

#flashtext, #flashtext2 {
	font-family: 'headerfont', Fallback, sans-serif;
	font-weight:bold;
	font-size:4vmin;
	text-align:center;
	display: inline-block;
	position: relative;
	overflow: hidden;
    white-space: nowrap;
}

#flashtext {
animation-name: blinktext, caret;
animation-duration: 4s, 10s;
animation-timing-function: linear, steps(1, end); /*cubic-bezier(.2,.5,.5,.8);*/
animation-iteration-count: infinite, infinite;
-webkit-animation-name: blinktext, caret;
-webkit-animation-duration: 4s, 10s;
-webkit-animation-timing-function:linear, steps(1, end); /*cubic-bezier(.2,.5,.5,.8); ease; step-start; */
-webkit-animation-iteration-count: infinite, infinite; 
}

#flashtext2 {
animation: blinktext, caret2;
animation-duration: 4s, 10s;
animation-timing-function: linear, steps(1, end); /*cubic-bezier(.2,.5,.5,.8);*/
animation-iteration-count: infinite, infinite;
-webkit-animation-name: blinktext, caret2;
-webkit-animation-duration: 4s, 10s;
-webkit-animation-timing-function:linear, steps(1, end); /*cubic-bezier(.2,.5,.5,.8); ease; step-start; */
-webkit-animation-iteration-count: infinite, infinite; 
}

@keyframes blinktext {
	0% { color: white; }
	20% { color: #DCA03E; } /*orange*/
	40% { color: #CC2D30; } /*red*/
	60% { color: #AADD96; }/*green*/
	80% { color: #9ECEF7; }/*blue*/
	100% { color: #98918A; }/*gray*/
}

@-webkit-keyframes blinktext {
	0% { color: white; }
	20% { color: #DCA03E; } /*orange*/
	40% { color: #CC2D30; } /*red*/
	60% { color: #AADD96; }/*green*/
	80% { color: #9ECEF7; }/*blue*/
	100% { color: #98918A; }/*gray*/
}

@keyframes caret {
  0% {
    opacity: 0;
    width: 0%;
  }
  50% {
    opacity: 1;
    width: 100%
  }
  100% {
    opacity: 0;
    width: 0%;
  }
}

@keyframes caret2 {
  0% {
    opacity: 1;
    width: 100%
  }
  50% {
    opacity: 0;
    width: 0%;
  }
  100% {
    opacity: 1;
    width: 100%
  }
}

#totalpercentanswer {
	font-family: 'textfont', Fallback, sans-serif;
	/* font-family: 'textfont', Fallback, sans-serif; */
	font-weight:bold;
	font-size:4vmin;
	/* font-size:3vmin; */
	text-align:center;
	color: white; /*#9ECEF7;#daa520; #98918A;*/
}
/*cubic-bezier(.2,.5,.5,.8); ease; step-start;*/

/*.flashtr {*/
/*outline-color:#daa520;
outline-style:solid;
outline-width:0.5vmin;
outline-offset: -0.25vmin;*/
/* border-radius:2.5vmin 2.5vmin 0vmin 0vmin;
animation-name: flashtr;
animation-duration: 3s;
animation-timing-function: ease;
animation-iteration-count: infinite;
-webkit-animation-name: flashtr;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: ease; 
-webkit-animation-iteration-count: infinite;
z-index: -1;*/
/*opacity: 90%;*/
/* } */

/*
@keyframes flashtr {
        0% { opacity: 90%; }
        50% { opacity: 60%; }
        100% { opacity: 90%; }
    }

@-webkit-keyframes flashtr {
        0% { opacity: 90%; }
        50% { opacity: 60%; }
        100% { opacity: 90%; }
    }

*/
/*
.flashlight:before, .flashlight:after {
z-index: -1;
background: linear-gradient(45deg, #fc0090, #0000ff,#00ff00,
              #ff0000,#ffff00,#fc0090,#0000ff,#00ff00,#ffff00);
background-size: 300%;
animation: flashlight 1s linear infinite;
}
*/
/*
.flashlight:before, .flashlight:after {
  z-index: -1;
  position: absolute;
  content: '';
  width: calc(100% + 0.1vmin);
  height: calc(100% + 0.1vmin);
  top: -3px;
  left: -3px;
  overflow: hidden;
  border-radius:3vmin 3vmin 3vmin 3vmin;
  background: linear-gradient(45deg, #fc0090, #0000ff,#00ff00,
              #ff0000,#ffff00,#fc0090,#0000ff,#00ff00,#ffff00);
  background-size: 300%;
  animation: flashlight 20s linear infinite;
}*/

/*
.flashlight:after {
  filter: blur(30px);
}
*/


.tb .tb-thheader {
border-color:#5F1500; /*7C170B;*/
border-style:solid;
border-width:0.0vmin;
border-radius:3vmin 3vmin 0vmin 0vmin;
/*background-image: url(../images/background-swirl.webp);*/
/*background-image: url(../images/background-swirl2.jpg);*/
background-size: cover;
background-color: #98918A;
background-position: center;
/* -webkit-filter: brightness(0.9);
 filter: brightness(0.9);  
-webkit-filter: brightness(1);
filter: brightness(1);*/
word-wrap: break-word;
overflow:hidden;
}

.tb .tb-thheader .thheadertext {
/* -webkit-filter: brightness(1);
filter: brightness(1); */
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
/*text-shadow: -2px -2px 0 #7C170B, 2px -2px 0 #7C170B, -2px 2px 0 #7C170B, 2px 2px 0 #7C170B;*/
padding: 1.0vmin;
}

.tb .tb-thheader input {
font-family: 'textfont', Fallback, sans-serif;
font-weight:bold;
font-size:3vmin;
text-align:center;
border-color:black;
border-style:solid;
border-width:0.25vmin;
border-radius:3vmin 3vmin 3vmin 3vmin;
color:black;
/* width: 40vmin; */
width: 70%;
height: 5vmin;
margin: 0.5vmin;
/* -webkit-filter: brightness(1);
filter: brightness(1);*/
}

.tb .tb-thheader button {
font-family: 'textfont', Fallback, sans-serif;
font-weight:bold;
font-size:1.5vmin;
text-align:center;
vertical-align:middle;
color:black;
width: 4.5vmin;
height: 4.5vmin;
background:white;
margin-bottom: 1.1vmin;
/*-webkit-filter: brightness(1);
filter: brightness(1);*/
}

.tb .tb-thprob {
font-family: 'textfont', Fallback, sans-serif;
font-weight:normal;
font-size:2.0vmin;
color: #daa520;
text-align:center;
vertical-align:middle;
border-color:#4E0E05;
border-style:solid;
border-width:0vmin 0vmin 0vmin 0vmin;
border-radius:0vmin 0vmin 3vmin 3vmin;
background-image: radial-gradient(circle at center center, #e2a62a, #933e21), repeating-radial-gradient(circle at center center, #e2a62a, #e2a62a, 32px, transparent 64px, transparent 32px);
background-blend-mode: multiply;
background-color: #933e21;
margin: 0vmin;
padding-bottom: 1vmin;
padding-left: 1vmin;
padding-right: 1vmin;
}

.tb-tdheader {
/*display: inline-block;*/
width:25%;
font-family: 'textfont', Fallback, sans-serif;
font-weight:bold;
font-size:2.5vmin;
text-align:center;
color:black;
border-color:#5F1500;
border-style:solid;
border-top-width: 0.5vmin;
border-bottom-width: 0.4vmin;
border-left-width: 0.4vmin;
border-right-width: 0.4vmin;
background-color: #98918A;
vertical-align:middle;
padding:0;
/*margin-left:3vm;
margin-right:3vm;*/
word-wrap: break-word;
/*word-break:normal;
white-space:normal;*/
overflow:hidden;

}

.tb-tdheader:first-child {
border-left-width: 0.8vmin;
border-radius:3vmin 0vmin 0vmin 0vmin;
}

.tb-tdheader:last-child {
border-right-width: 0.8vmin;
border-radius:0vmin 3vmin 0vmin 0vmin;
}

/* swami & Seer */
tbody tr:first-child .tb-tdheader:nth-child(2) {
border-radius:3vmin 0vmin 0vmin 0vmin;
}

tbody tr:first-child .tb-tdheader:nth-child(2) {
border-radius:0vmin 3vmin 0vmin 0vmin;
}

tbody tr:first-child .tb-tdheader:nth-child(3) {
border-radius:0vmin 3vmin 0vmin 0vmin;
}

tbody tr:first-child .tb-tdheader:nth-child(3) {
border-radius:3vmin 0vmin 0vmin 0vmin;
}

/* 8ball & Yoda */
tbody tr:nth-child(4) .tb-tdheader:nth-child(2) {
border-radius:3vmin 0vmin 0vmin 0vmin;
}

tbody tr:nth-child(4) .tb-tdheader:nth-child(2) {
border-radius:0vmin 3vmin 0vmin 0vmin;
}

tbody tr:nth-child(4) .tb-tdheader:nth-child(3) {
border-radius:0vmin 3vmin 0vmin 0vmin;
}

tbody tr:nth-child(4) .tb-tdheader:nth-child(3) {
border-radius:3vmin 0vmin 0vmin 0vmin;
}

/* Coin */
tbody tr:nth-child(21) .tb-tdheader:nth-child(3) {
border-radius:0vmin 3vmin 0vmin 0vmin;
}

tbody tr:nth-child(21) .tb-tdheader:nth-child(4) {
border-radius:3vmin 3vmin 0vmin 0vmin;
}

/* Jiabbei & Thummim */
tbody tr:nth-child(24) .tb-tdheader:nth-child(3) {
border-radius:0vmin 3vmin 0vmin 0vmin;
}

tbody tr:nth-child(24) .tb-tdheader:nth-child(4) {
border-radius:3vmin 3vmin 0vmin 0vmin;
}

/* Lucky Numbers */
tbody tr:nth-child(28) .tb-tdheader:nth-child(2) {
border-radius:0vmin 3vmin 0vmin 0vmin;
}

tbody tr:nth-child(28) .tb-tdheader:nth-child(3) {
border-radius:3vmin 0vmin 0vmin 0vmin;
}

@media only screen and (min-width: 768px) {
	.advert {
		display: none;
	}
}

.tb-tdcell {
width:25%;
font-family: 'textfont', Fallback, sans-serif;
font-weight:bold;
font-size:2.5vmin;
text-align:center;
color:black;
border-color:#5F1500;
border-style:solid;
border-top-width: 0.5vmin;
border-bottom-width: 0.4vmin;
border-left-width: 0.4vmin;
border-right-width: 0.4vmin;
background-color: white;
vertical-align:middle;
padding:10px 5px;
word-wrap: break-word;
/*word-break:normal;
white-space:normal;*/
overflow:hidden;
}

.tb .tb-tdcell img{
border-radius: 4%;
vertical-align:middle;
text-align:center;
width:100%;
max-width:100%;
height:auto;
/*object-fit: contain;*/
display: inline-block;
/* position: relative; */
}

.tb-tdcell:first-child {
border-left-width: 0.8vmin;
}

.tb-tdcell:last-child {
border-right-width: 0.8vmin;
}

.tb-tdfooter {
width:100%;
font-family: 'textfont', Fallback, sans-serif;
font-weight:normal;
font-size:2vmin;
text-align:center;
color: #daa520;
border-color:#5F1500;
border-style:solid;
border-width:0.8vmin;
background-image: radial-gradient(circle at center center, #e2a62a, #933e21), repeating-radial-gradient(circle at center center, #e2a62a, #e2a62a, 32px, transparent 64px, transparent 32px);
background-blend-mode: multiply;
background-color: #933e21;
padding=0;
border-radius:0vmin 0vmin 3vmin 3vmin;
}

.disclaimer {
font-family: 'textfont', Fallback, sans-serif;
font-weight:normal;
font-size:2vmin;
text-align:center;
color: black;
width: "100%";
}

.support {
font-family: 'textfont', Fallback, sans-serif;
font-weight:normal;
font-size:2vmin;
text-align:center;
color: #daa520; 
width: "100%";
}

.share {
text-align: center; 
width: "100%";
}

.copyright {
font-family: 'textfont', Fallback, sans-serif;
font-weight:normal;
font-size:2vmin;
text-align:center;
color: black;
width: "100%";

}

.tb .the_wheel {
    padding: 12px;
	background-image: url(../images/wheelback3.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-clip: padding-box;
}
	
.tb .the_wheel canvas {  
	width:27.5%;
}

@font-face {
  font-family:headerfont;
  font-style:normal;
  font-weight:normal;
  src: url("./Twilight Zone.ttf");
}

@font-face {
  font-family:textfont;
  font-style:normal;
  font-weight:normal;
  src: url("./Bernhard Modern Regular.ttf");
}