/*
--------------------------------
Theme Name:	Aptitude
Author: Mat Martin Studio
Sheet: Main Theme Style Variables
Artist: 
--------------------------------
*/

/*Variables*/

:root {
	--apt-background-color: rgba(240,226,231,1);
	--apt-background-color-80: rgba(240,226,231,0.9);
	--apt-modal-ground-color: rgba(13,24,33,0.8);
	--apt-color-text-primary: rgba(13,24,33,1);
	--apt-color-text-heading: rgba(255,53,67,1);
	--apt-accent-color: rgba(255,53,67,1);
	--apt-accent-color-50: rgba(255,53,67,0.5);
	--apt-accent-color-25: rgba(255,53,67,0.25);
	--apt-accent-alt-color: rgba(204,83,92,1);
	--apt-neutral-color: rgba(132,122,106,1);
	--apt-font-family-body: 'Fraunces', serif;
	--apt-font-weight-body: 300;
	--apt-font-family-heading: 'Fraunces', serif;
	--apt-font-weight-heading: 800;
	--apt-font-weight-heavy: 400;
	--apt-font-size-xs: 0.694rem;
	--apt-font-size-s: 0.833rem;
	--apt-font-size-base: 1rem;
	--apt-font-size-h6: 0.833rem;;
	--apt-font-size-h5: 1rem;;
	--apt-font-size-h4: 1.2rem;
	--apt-font-size-h3: 1.44rem;
	--apt-font-size-h2: 1.728rem;
	--apt-font-size-h1: 2.074rem;
	--apt-font-size-xl: 2.488rem;
	--apt-font-size-xxl: 3.583rem;
	--apt-font-size-xxxl: 4.3rem;
	--apt-line-height-0: 1.25;
	--apt-line-height-1: 1.5;
	--apt-line-height-2: 2;
	--apt-std-transition: all 0.4s ease-in 0s;
	--apt-long-transition: all 0.8s ease-in 0s;
	--apt-nav-drawer-width: 440px;
	--apt-nav-drawer-height: 100vh;
}

@-webkit-keyframes fade-in {
  from {
  	opacity: 0;
  	-webkit-transform: translate(-50%, 50%);
  	        transform: translate(-50%, 50%);
  }
  to {
  	opacity: 1;
  	-webkit-transform: translate(-50%, -50%);
  	        transform: translate(-50%, -50%);
  }
}

@keyframes fade-in {
  from {
  	opacity: 0;
  	-webkit-transform: translate(-50%, 50%);
  	        transform: translate(-50%, 50%);
  }
  to {
  	opacity: 1;
  	-webkit-transform: translate(-50%, -50%);
  	        transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform:rotate(0deg);
		        transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform:rotate(0deg);
		        transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}