@charset "UTF-8";
/* CSS Document */



/* header */
header {
	margin-top:40px;
	display:flex;
	justify-content: space-between;
	vertical-align:center;
	
}
#toggle{display:none;

}

#crystalmoon{
	width:200px;
	min-width:200px;
	height:70px;
	margin-left:2%;
	margin-top:2px;
}

.nav{
	width:600px;
}
.nav li{
	list-style-type:none;
	text-transform: uppercase;
	font-size:14px;
	margin-right: 5px;
	padding: .5%;
	display:inline;
	
}
#banner {max-width:90%;
margin:auto;
}
.wrapper{
	
}

#signs{
	background-color:#F5F0E4;
	width:100%;
	padding-bottom: 20px;
	display:inline-block;
	text-align:center;
	
}
#width{
	max-width:1200px;
	margin:auto;
}


figure{
	display:inline-block;
	margin:20px;
}

em{
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase;
}

span{
	font-size:14px;
	text-transform:uppercase;
}

body{
	margin:0;
	font-family:helvetica,arial;
	line-height:1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#0D4E66;
}
p, li{
	line-height:1.5em;
}
h1, h2, h3{
	font-family:Georgia;
	font-weight:bold;
}

h1{
	font-size: 36px;
	line-height: 1.2em;
	margin: 55px 0;
	margin-bottom:60px;
	font-weight:normal;
	text-align:center;
}

h2{
	font-color:#0D4E66;
	font-size:28px;
	line-height:1.25em;

}

#blurbs h2{
	color:white;
	max-width:500px;
	text-align:center;
	margin:auto;
	margin-bottom:25px;
}

#blurbs {
	margin-top:80px;
	margin-bottom:80px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	gap:15px;
}

.left{
	background-color:#0D4E66;
	border-top-right-radius:40em;
	border-bottom-right-radius:40em;
	padding: 70px;
	text-align:center;
	width:50%;
}

.right{
	background-color:#0D4E66;
	border-top-left-radius:40em;
	border-bottom-left-radius:40em;
	padding: 70px;
	text-align:center;
	width:50%;
}

a{
	color:#0D4E66;
	text-decoration:none;
	font-weight:regular;
	}
a:hover{
	font-weight:bold;
}

.button{
	text-color:#1F1C1C;
	background-color:#9EADF1;
	padding:5px 25px;
	border-radius:20px;
	font-family:helvetica,arial;
}

p1{
	text-transform:uppercase;
}

#curious {
	text-align:center;
	max-width:900px;
	margin:auto;
	margin-bottom:80px;
	clear:both;
}

#curious li{
	background-color:#EEA13D;
	color:#0D4E66;
	text-decoration:none;
	list-style-type:none;
	font-family:georgia;
	font-weight:bold;
	font-size:20px;
	padding:45px;
	width:300px;
	padding-top:60px;
	padding-bottom:60px;
	border-radius:1.2em;
	text-align:center;
	display:inline-block;
	margin:1%;	
}

#curious ul{
	padding:0px;
}

#tarotofday{
	background-color:#F5F0E4;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	font-family:georgia;
	margin:auto;
	text-align:center;	
}
#tarotofday h3{
	margin-bottom:0px;
}
#tarotofday p{
	font-size:15px;
	margin-top:5px;
}

#imgmoon{
	display:inline-block;
	vertical-align:top;
	margin-top:15px;
	transform:rotate(-7deg);
}

#moontarot{
	text-align:left;
	display:inline-block;
	max-width:370px;
	margin-left:2%;
	vertical-align:top;
}
hr{
	display:none;
}

#freetarot{
	width:320px;
	display:inline-block;
	vertical-align:top;
	margin-left:30px;
}
.journey {
	margin-left:30px;
}

#freetarot p{
	margin-bottom:30px;
}

.vertical-line{ 
	height: 150px;
	width:0px;
	border-left:1px solid black;
	position:absolute;
	margin-top:20px;
	
}
#curious h2{
	margin:3px;

}
#curious p{
	margin-top:0px;
	margin-bottom:4px;
}

#cta{
	text-align:center;
	width:100%;
	margin:auto;
	padding-top:90px;
	padding-bottom:90px;
}

#cta h3{
	font-size:22px;
	max-width:300px;
	text-align:center;
	margin:auto;
	padding:18px;
}
input[type="submit"]{
	background-color:#0D4E66;
	color:white;
	text-size:10px;
	text-transform:uppercase;
	padding:5px 20px;
	border-radius:20px;
	border:none;
}

.long-imput{
	width:300px;
}
footer{
	background-color:#0D4E66;
	padding-top:2.5%;
	padding-bottom:2.5%;
	max-width:100%;
	display:flex;
	justify-content: center;
	vertical-align:center;
	position:relative;
}

.socialicons{
	text-align:center;
	vertical-align:center;

}
.socialicons img{
	margin-right:5px;
	margin-left:5px;
}



#middlefooter{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

.footernav ul li a{
	color:white;
	margin-left:10px;
	text-decoration:none;
	font-size:15px;
	padding-bottom:20px;
	position:absolute;

}
.copyright{
	text-align:center;
}
.copyright p{
	color:white;
	font-size:12px;
}




/*media queries*/
@media screen and (max-width: 830px) {
	
	#toggle{display:block;
	width:100px}
	.nav li{display:none;}
	#toggle{float:right; margin-top:-30px;}
	#cta{max-width:1200px;
	width:90%;}
.vertical-line{display:none;}
	#freetarot{margin:auto;}

}
/*end 800*/


@media screen and (max-width: 1100px) {
	
	#width{max-width:780px;}
	#blurbs{display:inline;
	gap:0px;}
	.left{margin-bottom:20px;
		margin-top:80px;
		width:70%}
	.right{margin-bottom:70px;
		float:right;
		width:70%}
	
}