/*
 * Theme Name: Zero WP 3.0
 * Description: Ultra-minimal WordPress starter theme. Optimized for converting html-layouts to websites. Also is a good start for SPA, creating unique projects.
 * Theme URI:   https://github.com/solidcreature/zero_wp
 * Author:      Nikolay Mironov
 * Author URI:  http://wpfolio.ru
*/

@keyframes reveal {   
  0% {     
    opacity: 0;   
  }    

  100% {
     opacity: 1; 
  }
}
	
.frontpage-wrapper {
	width: 100%;
	height: calc(100 * var(--vh));
	background: linear-gradient(165.69deg, #00034D 10.16%, #77006B 96.17%);	
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 20px;
}

.logged-in.admin-bar .frontpage-wrapper {
	height: calc((100 * var(--vh)) - 32px);	
}	

.frontpage-card {
	max-width: 420px;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
}

.frontpage-card__content {
	padding: 12px 24px 32px 24px;
}

.frontpage-card__title {
	margin: 0 0 0.3em 0;
	padding: 0;
	color: var(--c-accent);
	font-family: var(--font-main);
	font-size: var(--size-h1);
	line-height: var(--lh-h1);
}

.frontpage-card__title.animate {
	animation: reveal 1 0.5s ease;
}	

.frontpage-card__subtitle {
	margin: 0 0 1em 0;
	padding: 0;
	color: var(--c-secondary);	
	font-family: var(--font-secondary);
	font-size: var(--size-text);
	line-height: var(--lh-text);
}

.frontpage-card__subtitle.animate {
	animation: reveal 1 0.5s ease;
}

.frontpage-card__button {
	font-family: var(--font-main);
	font-size: var(--size-text);
	font-weight: bold;
	background-color: var(--c-main);
	border: 0;
	display: flex;
	height: 42px;
	width: 160px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}

.frontpage-card__button:hover {
background-color: var(--c-accent);	
}