body {
        background-color: black;
}

#sparks {
	position: fixed;
	bottom: 0;
	right: 0;
}

@font-face {
       font-family: 'Corinthia';
       font-display: swap;
       src: local('Corinthia'), url('https://fonts.googleapis.com/css?family=Corinthia&display=swap') format('woff2');
}

#intro_text {
    h1 {
        z-index: 100;
        margin: auto;
        color: white;
        text-shadow: 0.25rem 0.25rem rgb(73, 3, 252);
        font-family: 'Corinthia';
        font-size:10rem;
        overflow: hidden;
    }
    span {
        z-index: 100;
        margin: auto;
        color: white;
    }
}

nav {
    box-shadow: none;
}

#family-members-container {
    /*padding-top: 1rem;*/
}

.family-member {
    span {
        z-index: 100;
        margin: auto;
        color: white;
        /*text-shadow: 0.25rem 0.25rem rgb(73,3,252);*/
        /*font-family: 'Corinthia';*/
        font-size: 2rem;
    }

    a {
        text-decoration: none;

    }
}

#video_container video {
	margin: auto;
        position: absolute; 
        right: 0; 
        bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -100;
	background-size: cover;
	/*overflow: hidden;*/
}