/* CSS Document for all pages*/

/* Set up global variables */
:root{
	--text: #e4e4e4;
	--background: #141414;
	--primary: #2d2d2d;
	--secondary: #193382;
	--accent: #c657dd;
	--primary-rgb: 45, 45, 45;
	--background-rgb: 20, 20, 20;
}

/* Whole Site */
body{
	background-color: var(--background);
	margin: 0%;
}
body, html {
	height: 100%;
}

/* Fonts/Text */
h1,h2,h3,h4,h5,h6,p,a{
	color: var(--text);
	font-family: 'Arial Narrow Bold', sans-serif;
	text-align: center;
}
h1{
    font-size: 80px;
}
h2{
    font-size: 40px;
}

/* Large background */
.parallaxTitle {
	background-image: url("images/Space1.jpg");
	height: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* Title for large backgrounds */
.title-text {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--text);
	font-family: 'Arial Narrow Bold', sans-serif;
}

/* Navbar */
#header, #footer{
    position:fixed;
    height: 55px;
    display:block;
    width: 100%;
    background: #00000000;
    z-index:9;
    /* text-align:center; */
    color: var(--text);
    padding: 6px 0 0 6px;
}
#header{
    top:0px;
}
#footer{
    bottom:0px;
}

/* Navbar Buttons */
.navbtn{
    background-color: #00000000;
    border-style: none;
    /* padding: 2vh; */
    padding-left: 2vw;
    padding-right: 2vw;
    margin: 0px;
    margin-right: 6px;
    height: 100%;
    transition: 600ms;
    color: aliceblue;
}
.navbtn:hover{
    background-color: rgba(var(--background-rgb), 0.75);
}


/* Custom Scroll Bar */
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	background: var(--background);
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	background: var(--primary);
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--secondary);
}