@font-face {
    font-family: 'Tarotheque';
    src: url('Tarotheque.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Example usage */

  .droplet-stage { position:relative; width:326px; height:730px; }
  .droplet { position:absolute; background-image:url("data:image/png;base64,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"); background-repeat:no-repeat; background-size:145px 145px; }
  #droplet-01 { left:123px; top:358px; width:24px; height:25px; background-position:0px 0px; }
  #droplet-02 { left:172px; top:372px; width:22px; height:21px; background-position:-30px -2px; }
  #droplet-03 { left:302px; top:376px; width:24px; height:24px; background-position:-58px 0px; }
  #droplet-04 { left:109px; top:390px; width:23px; height:22px; background-position:-88px -1px; }
  #droplet-05 { left:176px; top:404px; width:21px; height:22px; background-position:-118px -1px; }
  #droplet-06 { left:308px; top:422px; width:18px; height:22px; background-position:-3px -30px; }
  #droplet-07 { left:125px; top:426px; width:21px; height:21px; background-position:-31px -31px; }
  #droplet-08 { left:116px; top:522px; width:21px; height:19px; background-position:-60px -32px; }
  #droplet-09 { left:304px; top:534px; width:22px; height:21px; background-position:-88px -31px; }
  #droplet-10 { left:228px; top:556px; width:20px; height:21px; background-position:-118px -31px; }
  #droplet-11 { left:117px; top:576px; width:21px; height:22px; background-position:-2px -59px; }
  #droplet-12 { left:200px; top:581px; width:21px; height:20px; background-position:-31px -60px; }
  #droplet-13 { left:105px; top:596px; width:21px; height:22px; background-position:-60px -59px; }
  #droplet-14 { left:261px; top:602px; width:20px; height:20px; background-position:-89px -60px; }
  #droplet-15 { left:259px; top:626px; width:25px; height:22px; background-position:-116px -59px; }
  #droplet-16 { left:127px; top:628px; width:22px; height:22px; background-position:-1px -88px; }
  #droplet-17 { left:309px; top:658px; width:17px; height:22px; background-position:-33px -88px; }
  #droplet-18 { left:177px; top:669px; width:23px; height:21px; background-position:-59px -89px; }
  #droplet-19 { left:308px; top:691px; width:18px; height:21px; background-position:-90px -89px; }
  #droplet-20 { left:179px; top:697px; width:23px; height:21px; background-position:-117px -89px; }
  #droplet-21 { left:205px; top:698px; width:21px; height:21px; background-position:-2px -118px; }
  #droplet-22 { left:259px; top:702px; width:22px; height:22px; background-position:-30px -117px; }
  #droplet-23 { left:119px; top:703px; width:24px; height:24px; background-position:-58px -116px; }


.deactiv-gumroad{
	//pointer-events: none;
	opacity: 0.5;
	cursor: not-allowed !important;
}

h2{text-transform: uppercase}

.textlabel {
    position: relative;
    top: 3px;
    left: 5px;
}

#privacy,#tarot-font-terms-conditions {
	padding-left: 13px;
	padding-right: 13px;
	box-shadow: 5px 0px 15px 1px rgba(0,0,0,0.38);
}
#daybg {
		display: none;
		position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    z-index: -10;
    opacity: 0.8;
	}

body {
	background: black;
}

html,body,div {
	margin:0;
	padding:0;
	border:none;
	font-family:Tarotheque;
	font-size:14px;
	color:white;
	}

html,body {
	width:100%;
	height:100%;
	text-align:center;
	}

html {
  	box-sizing: border-box;
	}

*, *:before, *:after {
  	box-sizing: inherit;
	}

body {
	overflow:hidden;
	}

body {
    font-family: 'Tarotheque', sans-serif;
     display: flex;

}
#tarot-card-motive-hand-coin-bg,#tarot-card-motive-hand-coin-fg {
	opacity:0.7;
}


#compare-tarot-fonts {
	width: 100%;
	margin-bottom: 20px;
}

#share{
	height: 24px;
	width:150px;
	//background: white;
	position: absolute;
	top: 442px;
    left: 25px;
    z-index:10000 !important;
}

.headlineimage {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;

}
#droplet-theatre {overflow: hidden}
#share img {
	float: left;
	height: 24px;
	margin-right: 8px;
}

#share img:hover {	
	//border: 0.5px solid grey;
	filter: invert(100%);
}

#more:link,
#more:active,
#more:visited,
#more:hover {
	color:white;
	clear: both;
	margin-bottom: 10px;
	text-decoration: underline;
}

#further-reading {
	display: none;
}

#tarot-font-terms-conditions{
	width:500px;
	height: 100%;
	background: black;
	position: absolute;
	z-index:400;
	left: 50%;
	top:-200%;
	margin-left:-250px;
	text-align: left;
	background: black;
	transition: all 0.5s ease-out;
	overflow: scroll;
	opacity: 0.96;
	padding-bottom: 50px;
	margin-bottom:;
}

#privacy{
	width:500px;
	height: 100%;
	background: black;
	position: absolute;
	z-index:401;
	left: 50%;
	top:-200%;
	margin-left:-250px;
	text-align: left;
	background: black;
	transition: all 0.5s ease-out;
	overflow: scroll;
	opacity: 0.96;
	padding-bottom: 50px;

}

#main {
	position: absolute;
	top:0;
	width:400px;
	left:50%;
	margin-left:-200px;
	border: 0px solid white;
	height: 100%;
	padding-top: 90px;
	transition: all 1s ease-out;
}

#download{
	font-size: 25px;
	border: 0px solid white;
	width: 400px;
	text-align: left;
	float: left;
	padding: 20px;
	//height: 100%;
	transition: all 1s ease-out;

}

#right-wrapper {
	width: 400px;
	float: right;
	height: 100%;
	padding: 15px;
    border: 0px solid grey;
    text-align: left;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1s ease-out;


}

#tarot-font-tarotheque-main-text,
#tarot-font-tarotheque-main-text div{
	width: 500px;
    margin-left: -250px;
    left: 50%;
    //margin-top: -55px;
    height: auto;
	position: absolute;
	z-index: 50;
	background: none;
	background-color: none;
	text-align: left;
	overflow: scroll;
	font-size: 24px;
	letter-spacing: 1px;
	top: 520px;
	bottom: 0;
	text-align: justify !important;
	word-spacing:-2px;
	padding-bottom: 100px;

}


#tarot-font-main-image{
	//left: 0;
	//top:0;
	width: 400px;
	height:360px;
	margin-top: -16px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

#tarot-font-main-image-image{
    display: none;


}



#tarot-font-main-image img {
	//position: static;
	//width: auto;
    //height: 420px;
    //margin-left: -221px;
    //margin-top: -32px;
}

#buy-tarot-font-on-etsy{
	float:right;
	width:150px;
	//border: 1px solid white;
	cursor: pointer;
	position: relative;	
	z-index: 12;
		//background: black;
		box-shadow: 5px 6px 5px 0px rgb(255 255 255 / 12%);

}



#buy-tarot-font-on-gumroad{
	float:left;
	width:150px;
	//border: 1px solid white;
    cursor: pointer;
    position: relative;	
	z-index: 12;
	box-shadow: 5px 6px 5px 0px rgb(255 255 255 / 22%);

}

#buy-tarot-font-on-etsy:hover {
		//border: 1px solid #1aff02;
		filter: invert(100%);
		background: black;

}

#tarot-card-motive-hand-coin{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 350px;
	//pointer-events: none;
	opacity:0.8;
	z-index: 1000;
	height: 289px;
	background: none;
	transform: scale(0.77);
    transform-origin: 0 100%;
}


#tarot-card-motive-hand-coin-bg{
	width: 100%;
	height: 100%;

	
}

@keyframes rotateY {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
  }

#tarot-card-motive-hand-coin-fg{
	position: absolute;
	left: 137px;
    bottom: 108px;
    width: 144px;
    height: 131px;
	animation: rotateY 1.5s cubic-bezier(0.87, 0, 0.13, 1) 1; /* tweak speed and curve here */

        animation-play-state: paused; /* start paused */


}

#tarot-card-motive-hand-coin:hover > #tarot-card-motive-hand-coin-fg{
    animation-play-state: running; /* run animation only on hover */

}

@keyframes rotateY {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

/* Same motion, different name = restartable button version */
@keyframes rotateY-button {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

#tarot-card-motive-hand-coin-fg {
  --coin-animation:
    rotateY 1.5s cubic-bezier(0.87, 0, 0.13, 1) 1;

  animation: var(--coin-animation);
  animation-play-state: paused;
}

/* Existing behaviour */
#tarot-card-motive-hand-coin:hover
  > #tarot-card-motive-hand-coin-fg {
  animation-play-state: running;
}

/* Every new button hover creates a fresh animation */
body:has(#buy-tarot-font-on-etsy:hover)
  #tarot-card-motive-hand-coin-fg {
  animation-name: rotateY-button;
  animation-play-state: running;
}
#tarot-card-motive-fountain{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 326px;
	height:730px;
	pointer-events: none;
	opacity:0.6;
	z-index: 1000;
}

#fountainwrapper{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 326px;
	height:730px;
	pointer-events: none;
	z-index: 1000;
}
#fountainwrapper{
	transform: scale(0.69);
    transform-origin: 100% 100%;
}
#bubbles {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 326px;
	height:730px;
	pointer-events: none;
	z-index: 1000;
		opacity:0.4;

}

#download_link:link,
#download_link:active,
#download_link:visited,
#download_link:hover {
	color: rgb(0 255 235);
	float: left;
	clear: both;
	margin-bottom: 10px;
}

#download_link:hover {
	text-decoration: underline;
}

#tarot-font-specs{
	width:auto;
	height:200px;
	float: left;
	left: 0px;
	top: 20px;
	margin-bottom: 20px;
	clear: both;
	font-size: 25px;
	overflow: visible;
	//border: 1px solid white;
}

#tarot-font-specs ul{
	height:170px;
	float: left;
	left: 0px;
	top: 0px;
	margin-bottom: 20px;
position: absolute;	font-size: 20px;
}

#tarot-font-specs li {
	font-size: 20px;
	letter-spacing: 1px;
}

.lastpoint{margin-top: 20px}

#personal_use_help{cursor:help;text-decoration: underline}

#form-tarot-font{
	font-size: 15px;
	margin-left: 15px;
	opacity: 0;
	transition: all 0.5s ease-in;
	float: left;
	clear: both;
	letter-spacing: 1.2px;
}

#form-tarot-font input,
#form-tarot-font label {
	float: left;
	clear: both;
}

#form-tarot-font label {margin-top: 2px}

#form-tarot-font input {
	margin-bottom: 10px;
}

.custom-input {
    background-color: black;
    border: 1px solid white;
    border-radius: 5px;
    color: white;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

#name-input{
	display:none !important;
}

#download-button, #send-download-button, #send-button{
	display:none;
	float:left;
	position: relative;
	transition: all 1s ease-out;
}



#name-input,#email-input{float: left;clear: both}

a:link {color:white;text-decoration: none}


.inputters {
	float: left !important;
	clear: both !important;
	transition: all 1s ease-out; /* Smooth transition for moving out */
	height: 25px;

}

#inputterwrap {
    transition: max-height 0.5s ease-out, padding 0.5s ease-out, margin 0.5s ease-out;
	//border: 1px solid white;
	overflow: hidden;
	float: left;
	clear: both;
	width: 300px;
	max-height: 4500px;
	height: 64px;
	display: none
}

#tarot-font-type-field {
    font-family: 'Tarotheque', sans-serif;
    font-size: 40px;
    color: white;
    //background-color: black;
    border: none;
    outline: none;
    width: 370px;
    height: 100%;
    line-height: 50px;
    overflow: hidden;
    white-space: pre-wrap;
    padding-left: 5px;
    position: relative;
    float: right;
    text-align: left;
    caret-color: transparent; /* Hide the default caret */
}

#tarot-font-type-field div,

#tarot-font-type-field:focus {
    outline: none;
}

#cursor {
    position: absolute;
    background-color: white;
    width: 4px;
    height: 32px;
    animation: blink 1s step-start infinite;
    pointer-events: none;
    left: 0;
    top: 0;
}

@keyframes blink {
    50% { opacity: 0; }
}


#tarot-font-terms {

}

#form-tarot-font a:link,
#form-tarot-font a:visited,
#form-tarot-font a:active,
#form-tarot-font a:hover {
	color:white;
	margin-top: 10px;
	text-decoration: none;
	font-size: 20px;
	float: left;
	clear: both;
}

#form-tarot-font a:hover,
.lilbutton:hover{
	text-decoration: underline;
}

#headlineswords {

opacity: 0.8;
}

#footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	color: grey;
	text-align: center;
	background-color: black;
	background: black;
	text-transform: uppercase;
	z-index: 300;
	//background: black;
}

#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:hover,
#footer span {
	color:grey;
	letter-spacing: 2px;
}


.hidden {
    display: none !important; /* Hide the element */
    position: absolute;
    
}

#tarot-font-terms-conditions a,
#privacy a {
    color: white;
    text-decoration: underline;
}

#tarot-font-terms-conditions a:hover,
#privacy a:hover {
    color: rgb(0 255 235);
}


.thanksbye {
    font-size: 25px;
    color: rgb(0 255 235) !important;
    cursor: pointer;
    text-decoration: underline;
}

@media screen and (max-width: 1200px) {

	body {
    display: block;

	}

	#more{display: none}

	#further-reading {
	display: block;
	}

	#share{
	height: 24px;
	width:150px;
	//background: white;
	position: absolute;
	top: 20px;
        left: -173px;
	z-index: 10000;
	}

	#share img {
		height: 24px;
		float: right;
		display: inline-block;
	}

	#tarot-font-terms-conditions{
	width:57%;
	height: 100%;
	background: black;
	position: absolute;
	z-index:4000;
	left: 0%;
	top:-200%;
	margin-left:0px;
	text-align: left;
	background: black;
	transition: all 0.5s ease-out;
	overflow: scroll;
	opacity: 0.96;
	padding: 20px;
	padding-top: 0px;
	}

	#privacy{
	width:57%;
	height: 100%;
	background: black;
	position: absolute;
	z-index:4000;
	left: 0%;
	top:-200%;
	margin-left:0px;
	text-align: left;
	background: black;
	transition: all 0.5s ease-out;
	overflow: scroll;
	opacity: 0.96;
}

	#main {
	position: relative;
	float: left;
	top:0;
	width:57%;
	left:0;
	margin-left:0;
	border: 0px solid white;
	height: 100%;
	padding-top: 0px;
	overflow: hidden;
	}

	#tarot-font-main-image{
	position:absolute;
	left: 50%;
	top:39px;
	width: 400px;
	margin-left: -200px;
	}

	#download{
	font-size: 25px;
	border: 0px solid white;
	width: 43%;
	text-align: left;
	float: left;
	padding: 20px;
	height: 394px;
	overflow: visible;
	position: relative;
	}

	#download, #main {
	//height: 70%;
	}

	#right-wrapper {
		//display: none;
	width: 43%;
	float: left;
	height: 28%;
	padding: 15px;
    border: 0px dotted grey;
    text-align: left;
    font-size: 40px;
    position: static;
    right: 0;
    top: 0;
	}

	#buy-tarot-font-on-etsy{
	float:left;
		clear: both;
position: relative;
    z-index: 10;
	width:150px;
	//border: 1px solid white;
	cursor: pointer;
	//margin-top: 400px;
	position: relative;
	z-index: 100;
		margin: 7px;

	}



	#buy-tarot-font-on-gumroad{
	float:left;
	clear: both;
	width:150px;
	//border: 1px solid white;
    cursor: pointer;
    margin-bottom: 10px;
	position: relative;
	z-index: 100;
	position: relative !important;
    z-index: 1000;
    display: none;
	}



	#tarot-card-motive-hand-coin{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 760px;
	pointer-events: none;
	display: none;
	}

	#tarot-font-tarotheque-main-text{
	width: 100%;
	position: absolute;
	z-index: 50;
	background: none;
	font-size: 21px;
	text-align: left;
	overflow: scroll;
	padding: 20px;
	padding-bottom: 50px;
	left: 0;
	top: 387px;
	margin-left: 0;
	width: 100%;
	z-index: 50;
	background-color: none;
	text-align: justify;
	overflow: scroll;
	}

	#tarot-font-type-field {
    font-family: 'Tarotheque', sans-serif;
    font-size: 40px;
    color: white;
    background-color: black;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    line-height: 50px;
    overflow: visible;
    white-space: pre-wrap;
    padding-left: 5px;
    position: relative;
    float: left;
    text-align: left;
    caret-color: transparent; /* Hide the default caret */
    		//border: 1px solid white;

	}

	#footer {
		z-index: 1000;
		background: black;
	}
}

@media screen and (max-width: 740px) {

	html {height: auto;}
	body {overflow: scroll;height: auto}

	.blurry{
		filter: blur(10px);
		pointer-events: none;
	}

	#tarot-font-terms-conditions{
	width:100%;
	height: 100%;
	background: black;
	position: absolute;
	z-index:400;
	left: 0%;
	top:-200%;
	margin-left:0px;
	text-align: left;
	background: black;
	transition: all 0.5s ease-out;
	overflow: scroll;
	opacity: 0.96;
	}

	#share{
	height: 24px;
	width:100%;
	background: none;
	background-color: none;
	position: absolute;
	top: auto;
	bottom: 30px;
    left: 16px;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 10px;
	padding-right: 70px;
	max-width:400px;
	}

	#share img {float: none;margin-right: 0px}

	#privacy{
	width:100%;
	height: 100%;
	background: black;
	position: absolute;
	z-index:400;
	left: 0%;
	top:-200%;
	margin-left:0px;
	text-align: left;
	background: black;
	transition: all 0.5s ease-out;
	overflow: scroll;
	opacity: 0.96;
}

	#main {
	position: relative;
	float: left;
	top:0;
	width:100%;
	left:0;
	margin-left:0;
	//border: 1px solid white;
	//height: auto;
	min-height: 400px
	padding-top: 0px;
	overflow: hidden;
	text-align: center;

	}

	#tarot-font-main-image{
	position:relative;
	display: block;
    margin: 0 auto;
	width: 400px;
	margin-top: 50px;
	left: 50%;
	margin-left: -200px;
	}

	#download{
	font-size: 25px;
	//border: 1px solid white;
	width: 100%;
	text-align: left;
	float: left;
	padding: 20px;
	height: auto;
	//display: none;
	padding-bottom: 90px;
	}

	#download, #main {
	//height: 70%;
	}


    #tarot-font-tarotheque-main-text {
        width: 100%;
        //border: 1px solid white;
        z-index: 50;
        background: none;
        background-color: none;
        font-size: 21px;
        text-align: left;
        top: 0px;
        position: relative;
        padding-bottom: 10px;
        letter-spacing: 0.2px;
    }

	#right-wrapper {
		//display: none;
	width: 100%;
	float: left;
	height: 500px;
	padding: 15px;
    border: 0px dotted grey;
    text-align: left;
    font-size: 40px;
    position: static;
    right: 0;
    top: 0;
    padding-left: 28px;
	}

	#buy-tarot-font-on-etsy{
	left:0;
	clear: none;

	width:150px;
	//border: 1px solid white;
	cursor: pointer;
	//margin-top: 400px;
	position: absolute;
	z-index: 100;
	margin: 7px;
	}

	#buy-tarot-font-on-gumroad{
	left:0;
	clear: none;
	width:150px;
	//border: 1px solid white;
    cursor: pointer;
    margin-bottom: 10px;
	position: absolute;
	z-index: 100;
		margin: 7px;

	}

	#tarot-card-motive-fountain{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 326px;
	height:730px;
	pointer-events: none;
	opacity:0.6;
	z-index: 1000;
}

#fountainwrapper{
	position: fixed;
	right: 0;
	bottom: 0;
	width: 326px;
	height:730px;
	pointer-events: none;
	z-index: 1000;
}
#fountainwrapper{
	transform: scale(0.49);
    transform-origin: 100% 100%;
}
#bubbles {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 326px;
	height:730px;
	pointer-events: none;
	z-index: 1000;
		opacity:0.4;

}

	#further-reading {
	display: none;
	}

	#more {
		display: inline;
	}

	#form-tarot-font a:link,
	#form-tarot-font a:visited,
	#form-tarot-font a:active,
	#form-tarot-font a:hover {
	color:white;
	margin-top: 10px;
	text-decoration: none;
	font-size: 30px;
	float: left;
	clear: both;
	}

	#download_link:link,
	#download_link:active,
	#download_link:visited,
	#download_link:hover {
	color: #1aff02;
	float: left;
	clear: both;
	margin-bottom: 25px;
}
	
	input[type=checkbox] 
	{
 	transform: scale(3) translateX(-10px);
 	margin-bottom: 40px !important;
 	margin-left: 40px;
	}

	.inputters {
		width: 100%;
		height: 40px;
	}

	#inputterwrap {
		height: 120px;
	}

	#footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    color: grey;
    text-align: center;
    background-color: black;
    background: black;
    text-transform: uppercase;
    //border: 1px solid red;
    margin-bottom: 0;
}
}