/********************************************************************

Author:			KC Biedlingmaier
Author URL:		http://www.krischarles.com/
Description:	Stylesheet for LovesGems.com
Created:		11/29/2022

********************************************************************/

body {
	font-family: gopher, sans-serif;
	font-size: 14px;
	cursor: default;
	-webkit-font-smoothing: subpixel-antialiased;
	margin: 0;
	padding: 0;
	color: #222222;
	width: 100%;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
	}
	
	@keyframes gradient {
	  0% {
		background-position: 0% 50%;
	  }
	  50% {
		background-position: 100% 50%;
	  }
	  100% {
		background-position: 0% 50%;
	  }
	}
a {
	text-decoration: none;
	color: #f2f2f2;
	cursor: pointer;
	z-index: 101;
	position: relative;
	border-bottom: 2px solid #f2f2f2;
	}
a:visited {
	color: #f2f2f2;
	}
a:hover {
	color: #f2f2f2;
	animation: pulse 1.5s linear infinite;
	}

/* Content */
#content {
	width: 100%;
	}
#content-inner {
	max-width: 800px;
	padding: 80px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	}
#content-inner .logo {
	color: #f2f2f2;
	font-size: 140px;
	letter-spacing: -6px;
	text-align: left;
	line-height: 120px;
	margin-bottom: 40px;
	font-weight: 300;
	}
#content-inner .logo span {
	display: block;
	}
#content-inner .logo span.tight {
	margin-top: -14px;
	}
#content-inner .bio {
	color: #f2f2f2;
	font-size: 32px;
	letter-spacing: -1px;
	text-align: left;
	line-height: 42px;
	font-weight: 300;
	}
.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
 @keyframes pulse {
	   0%{
		 opacity: 1;
	   }
	   50%{
		 opacity: 0.25;
	   }
	   100%{
		 opacity: 1;
	   }
	 }

	
@media only screen and (max-height:800px) {
	#content-inner {
		padding: 60px;
		}
	#content-inner .logo {
		font-size: 80px;
		letter-spacing: -4px;
		line-height: 80px;
		margin-bottom: 40px;
		}
	#content-inner .bio {
		font-size: 22px;
		letter-spacing: -1px;
		text-align: left;
		line-height: 32px;
		font-weight: 300;
		width: 260px;
		}
	}