/* general */
body, html { height: 100%; }

body#aboutBody
{
	background-color: #70bcff;;
}

*
{
	font-family: "Arial";
	font-size: 14px;
	letter-spacing: 2px;
	color: black;
}


.link, a
{
    cursor: pointer;
    text-decoration: none;
}

.link:hover, a:hover
{
	text-decoration: underline;
}

#about, #home
{
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
}

#connect
{
	position: absolute;
	top: 5px;
	right: 5px;
}




/* index */

iframe
{
	position: absolute;
	top: 30px;
	left: 30px;
	bottom: 30px;
	right: 30px;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	/*width: 90%;
	height: 90%;*/
	border: 0;
	/*top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
}

#titleAndReleaseNotice, #mintButton
{
	position: absolute;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

#mintButton
{
	top: 49%;
}


#title
{
	font-size: 120px;
	font-family: 'Cormorant Garamond', serif;
	/*font-style: italic;*/
	background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    user-select: none;
    text-shadow: rgba(245,245,245,0.6) -1px -1px 1px;
}

#releaseNoticeDesktop
{
	margin-top: -15px;
}


#playWithOrnamentDesktop, #playWithOrnamentMobile, #tokenMessage
{
	position: absolute;
	/*width: 250px;
	padding: 2px 0;*/
	/*text-align: center;
	background-color: silver;
	border: 1px solid gray;*/
	bottom: 5px;
	right: 5px;
	cursor: pointer;
	/*user-select: none;*/
	/*transform: translate(55px, -50px) rotate(-45deg);*/
}

#playWithOrnament:hover
{
	background-color: white;
}


/* mint */

#tempFrame
{
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin: 70px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}



/* about */


h1
{
	font-weight: normal;
	font-size: 1.7em;
}

p
{
	margin: 0 0 40px 0;
}

#introText
{
	column-count: 1;
}

#aboutText
{
		
	max-width: 640px;
	margin: auto;
}

#faqText
{
	max-width: 640px;
	margin: auto;
}

.image-fullwidth
{
	width: 100%;
	height: 100%;
}

p > .image-fullwidth
{
	margin-bottom: 10px;
}

.photo
{
	box-shadow: 5px 5px 10px gray;
}

.caption
{
	display: inline-block;
	font-size: 11px;
	right: 0;
	float: right;
	text-align: right;
}

#textContainer
{
	position: absolute;
	top: 25px;
	left: 15px;
	right: 15px;
	bottom: 25px;
	overflow-y: scroll;
	padding-top: 50px;
}

#playWithOrnamentDesktop
{
	display: block;
}

#playWithOrnamentMobile
{
	display: none;
}

#releaseNoticeDesktop
{
	display: block;
}

#releaseNoticeMobile
{
	display: none;
}

#mintFeedback
{
	margin-top: 10px;
}

@media (max-device-width:1025px)  {

	#title
	{
		font-size: 5em;
	}

	/*#connect
	{
		display: none;
	}*/

	#playWithOrnamentDesktop
	{
		display: none;
	}

	#playWithOrnamentMobile
	{
		display: block;
	}

	#releaseNoticeDesktop
	{
		display: none;
	}

	#releaseNoticeMobile
	{
		display: block;
	}
}