@import url('https://fonts.googleapis.com/css2?family=Gentium+Plus:wght@300;400;700&display=swap');


body{
	background-color: #091438;
	color: white;
	
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: 'Gentium Plus', serif;
}

.intro img{
	max-width: 100%;
	max-height: 200px;
}

.intro_newsletter img{
	max-width: 100%;
	max-height: 50vh;
}

.intro_newsletter .logo_only{
	max-height: 30vh;
}

.logo_only{
    filter: brightness(1.4);
}


.main_tarot{
	margin: 1em;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

_::-webkit-full-page-media, _:future, :root #myVideo {
  display:none;
}

.bgsafari{
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}


/* Add some content at the bottom of the video/page */
.overlay {
position: sticky;
	margin-left:1em;
	margin-right:1em;
	margin-top:2em;
}

/* Style the button used to pause/play the video */
#myBtn {
	display: none;
}

#mergeRow-gdpr{
	margin: 10px;
	padding: 10px;
	border: solid 1px;
	border-color: white;
	font-size: 0.7em;
}

fieldset{
border: 0;}

button{
	color: white;
	background: none;
	font-weight: 700;
	border: solid 2px;
	border-color: white;
    font-weight: 700;
    font-size: 1.5em;
    text-transform: uppercase;
	padding: 10px;
}

button:hover{
	border: solid 3px;
	font-weight: 900;
}

button.app, button.linktree{
	margin-bottom: 1em;
}

@media only screen and (max-width: 767px) {
	button.app, button.linktree{
	margin-bottom: 1em;
	font-weight: 700;
    font-size: 1em;
	}
}

.overlay input{
	border: none;
    background: none;
    border-bottom: solid 2px;
    border-bottom-color: white;
    color: white;
	margin-bottom: 2em;
	font-weight: 600;
    font-size: 1em;
}

.overlay label{
	font-weight: 600;
    font-size: 1.3em;
}

.overlay .button{
	font-weight: 700;
	border: solid 2px;
	border-color: white;
    font-weight: 700;
    font-size: 1.5em;
    text-transform: uppercase;
	padding: 10px;
}

.overlay .button:hover{
	border: solid 3px;
	font-weight: 900;
}

.scritta_conferma{
	font-size: 1em;
	font-weight: 700;
}

@media only screen and (min-width: 768px) {
	.scritta_conferma{
		font-size: 2em;
		font-weight: 700;
	}

}

.scritta{
	font-size: 1.3em;
	font-weight:300;
}

@media only screen and (min-width: 768px) {
	.scritta{
		font-size: 1.5em;
		padding-bottom: 0.5em;
		
	}

}