:root,[data-bs-theme=light]{
	--bs-tertiary-bg-rgb:220, 220, 220;
	--bs-tertiary-bg:#ddddde;
	--dc-channel-bg:#e6e8fd;
	--dc-channel-bg-hover:#5865f2;
	--dc-channel-txt:#5c73f4;
	--dc-channel-txt-hover:#ffffff;
	--oracle-blue:#35b3f7;
	--nvk-gold:#ffd700;
	--nvk-white:#fff;
	--nvk-theme:#000000;
	--nvk-text-shadow:#aaaaaa;
}

[data-bs-theme=dark]{
	--bs-body-bg:#000000;
	--bs-tertiary-bg:#444447;
	--dc-channel-bg:#3c4270;
	--dc-channel-bg-hover:#5865f2;
	--dc-channel-txt:#c7ccfa;
	--dc-channel-txt-hover:#ffffff;
	--oracle-blue:#35b3f7;
	--nvk-gold:#ffd700;
	--nvk-white:#fff;
	--nvk-theme:#ffffff;
	--nvk-text-shadow:#000000;
}

main {
	text-align:center;
	margin-top:20px;
	text-shadow: 1px 1px 1px var(--nvk-text-shadow);
}

nav {
	margin-top:0rem;
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

.btn-bd-primary {
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--oracle-blue);
	--bs-btn-border-color: var(--oracle-blue);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #25a3e7;
	--bs-btn-hover-border-color: var(--oracle-blue);
	--bs-btn-active-color: var(--bs-white);
	--bs-btn-active-bg: var(--bs-btn-hover-bg);
	--bs-btn-active-border-color: var(--oracle-blue);
}

.btn-primary {
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--oracle-blue);
	--bs-btn-border-color: var(--oracle-blue);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #25a3e7;
	--bs-btn-hover-border-color: var(--oracle-blue);
	--bs-btn-active-color: var(--bs-white);
	--bs-btn-active-bg: var(--bs-btn-hover-bg);
	--bs-btn-active-border-color: var(--oracle-blue);
}

.featurette-content {
	display:block;
	margin-top:auto;
	margin-bottom:auto;
}

.featurette-pfp {
	border-radius:50%;
	max-width:100%;
	width:300px;
}

.featurette-placeholder {
	border-radius:50%;
	max-width:100%;
	font-size: 3rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 4rem 0; /* Space out the Bootstrap <hr> more */
}

.featurette-divider-start {
  margin-bottom: 30px;
  margin-top: 50px;
}

.featurette-divider-end {
  margin-top: 30px;
  margin-bottom: 50px;
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/*.lead-intro {
	text-shadow: 1px 1px 1px var(--nvk-text-shadow);
}

.lead {
	text-shadow: 1px 1px 1px var(--nvk-text-shadow);
}*/
/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width:0px) {
	.align-left {
		text-align:center;
	}
	.align-right {
		text-align:center;
	}
	.featurette-heading {
		font-size: 40px;
    }
    .text-body-secondary {
		font-size:25px;
    }
	.featurette-placeholder {
		margin-bottom:20px;
	}
	.lead {
		font-size:16px;
	}
	
	.banner {
		max-width:75%;
		width:75%;
		border: 2px solid #35b3f7;
		border-radius:10px;
		box-shadow: 3px 3px 3px black;
	}
}

@media (min-width: 400px) {
  .lead-intro {
	font-size:14px;
  }
  .lead {
	font-size:16px;
  }
}

@media (min-width: 640px) {
  .featurette-heading {
    font-size: 50px;
  }
   .text-body-secondary {
	font-size:30px;
  }
  .lead-intro {
	font-size:18px;
  }
  .lead {
	font-size:17px;
  }
}

@media (min-width: 768px) {
  .align-left {
    text-align:left;
	padding-left:40px;
  }
  .align-right {
	text-align:right;
	padding-right:40px;
  }
  .featurette-placeholder {
	margin-bottom:0px;
  }
  .lead-intro {
	font-size:20px;
  }
  .lead {
	font-size:18px;
  }
  
  .social-intro {
	  font-size:19px;
  }
  
  .banner {
	max-width:75%;
	width:75%;
	border: 3px solid #35b3f7;
	border-radius:15px;
	box-shadow: 4px 4px 4px black;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 7rem;
  }
  
  .lead {
	font-size:19px;
  }
  
  .social-intro {
		font-size:22px;
	}
	
  .banner {
	max-width:100%;
	width:100%;
	border: 4px solid #35b3f7;
	border-radius:20px;
	box-shadow: 5px 5px 5px black;
  }
}

@media (min-width: 1200px) {
	.social-intro {
		font-size:25px;
	}
	
	.lead {
		font-size:20px;
	}
	
  .banner {
	max-width:75%;
	width:75%;
	border: 5px solid #35b3f7;
	border-radius:25px;
	box-shadow: 7px 7px 7px black;
  }
}

/*.nav-item {
	background-color:var(--oracle-blue);
	border-radius:1.5em;
	margin-right:5px;
}*/

.navbar-expand-md {
	background-color: var(--bs-tertiary-bg);
}

.navbar-expand-lg {
	background-color: var(--bs-tertiary-bg);
}

.navbar-toggler {
	border: none;
}

.navbar-logo {
	border-radius:50%;
}

.rounded {
	--bs-border-radius: 2rem;
}

.dropdown-menu {
	--bs-dropdown-border-radius: 2rem;
}

.dropdown-item {
	--bs-dropdown-item-border-radius: 1.5rem;
	margin-left: 5%;
	margin-right: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	max-width: 90%;
	padding-top: 10px;
	padding-bottom: 10px;
	--bs-dropdown-link-active-bg:var(--oracle-blue);
}

.navbar-brand {
	margin-left: 5px;
}

.dc-role {
	padding-right:3px;
	padding-left:1px;
	border-radius:3px;
}

.dc-channel {
	background-color:var(--dc-channel-bg);
	color:var(--dc-channel-txt);
	padding-right:3px;
	padding-left:1px;
	padding-bottom:1px;
	border-radius:3px;
}

.dc-channel-link:hover {
	background-color:var(--dc-channel-bg-hover);
	color:var(--dc-channel-txt-hover);
}

.social {
	width: 100%;
	border-radius: 20px;
	text-align: left;
	padding: 10px;
	box-shadow: 5px 5px 5px black;
}

.social-thumbnail {
	width:100px;
	border-radius:50%;
}

.social-content {
	display:block;
	margin-top:auto;
	margin-bottom:auto;
}

.youtube {
	background-color: #ff0033;
	border: 3px solid #dd0015;
	color: white;
}

.twitch {
	background-color: #5c16c5;
	border: 3px solid #4c10bc;
	color: white;
}

.twitter {
	background-color: #222222;
	border: 3px solid #1a1a1a;
	color: white;
}

.tiktok {
	background-color: #ea284e;
	border: 3px solid #d41937;
	color: white;
}

#Bubbles {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
            z-index: 1000;
        }

/*--edit-text-bg:#23173b;*/