/* -------- Main All Sizes -------- */
html {
	scroll-behavior: smooth;
}
    /* Reset */
body, h1, h2, p {
    margin: 0;
    padding: 0;
}
ul {
	margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
a {
	color: inherit;
    text-decoration: none;
	transition: all 0.2s;
}
body {
    background-color: #FFFFFF;
    color: #000;
}
::selection {
	background-color: #00E175;
}
::-moz-selection {
	background-color: #00E175;
}
mark {
	background-color: #00E175;
	animation: blinky 1.5s alternate infinite linear;
	/*animation: fadeIn 0.8s alternate infinite steps(2, jump-none); */
}
.bgvid {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
}

	/* Fonts */

p {
    font-family: 'Pantasia', serif;
	font-weight: normal;
	
}
p a:hover, h1 a:hover, .selected {
    background-color: #00E175;
}
a img, a video {
	transition: all 0.25s;
}
a img:hover, a video:hover {
	opacity: 0.8;
}
.underline {
	text-decoration: underline;
	text-underline-offset: 8%;
}

	/* Keyframe Animations */
@keyframes fadeIn {
    from {
        opacity: 0%;
    }
    to {
        opacity: 100%;
    }
}
@keyframes blinky {
    0% {
        opacity: 0%;
    }
	5% {
        opacity: 0%;
    }
    25% {
        opacity: 100%;
    }
	75% {
        opacity: 100%;
    }
	95% {
        opacity: 0%;
    }
	100% {
        opacity: 0%;
    }
}
.fade {
	animation: fadeIn 0.5s linear 0.2s backwards;
}


/* -------- Mobile First Sizing -------- */
    
h1 {
	font-size: 1.85rem;
	line-height: 1.3;
}
p {
	font-size: 1.7rem;
	line-height: 1.4;
}
.text, .text-xs {
	padding-top: 15px;
	padding-bottom: 15px;
}
.space, .space-xs {
	padding-top: 40px;
}
.break-sm {
	display: none;
}





/* ------------------ Media Queries -------------------- */





/* -------- 48em+/768px+ Screens -------- */
@media only screen and (min-width: 48em) {    
	
	/* General */
.fixed {
	position: fixed;
}

	/* Responsive Line Break */
.break-sm {
	display: block;
}

	/* Sizing */
p {
	font-size: 2.8rem;
	line-height: 1.35;
}

}
	

/* -------- 64em+/1024px+ Screens --------*/
@media only screen and (min-width: 64em) {
	
	
}	
	
/* -------- 75em+/1200px+ Screens --------*/
@media only screen and (min-width: 75em) { 
	
	/* Sizing */

}

/* -------- 96em+/1536px+ Screens --------*/
@media only screen and (min-width: 96em) { 
	
	/* Sizing */
p {
		font-size: 3.2rem;
	}

}