:root {
/*! These are all the colors that I used in the app from Canva and the prototype in both HEX and RGB */
--c-bg-pale: #FEEDE0;
--c-bg-rose: #E1D3C9;
--c-con: #DFC17A;
--c-ac: #EAA077;
--c-txt: #866255;
--c-bg-pale-rgb: 254, 237, 224;
--c-bg-rose-rgb: 225, 211, 201;
--c-con-rgb: 223, 193, 122;
--c-ac-rgb: 234, 160, 119;
--c-txt-rgb: 134, 98, 85;
}
/* Establishing the background colors as classes */
.bg-pale {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--c-bg-pale-rgb), var(--bs-bg-opacity)) !important;
}
.bg-rose {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--c-bg-rose-rgb), var(--bs-bg-opacity)) !important;
}
.bg-con {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--c-con-rgb), var(--bs-bg-opacity)) !important;
}
.bg-ac {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--c-ac-rgb), var(--bs-bg-opacity)) !important;
}
.bg-gradient-rose-to-ac {
  background: linear-gradient(45deg, var(--c-bg-rose), var(--c-ac)) !important;
}
/* Establishing the text color classes */
.text-body, .text-color-brwn {
  --bs-text-opacity: 1;
  color: rgba(var(--c-txt-rgb), var(--bs-text-opacity)) !important;
}
body, h1, h2, h3, h4, h5 {
	color: var(--c-txt);
}
body {
	background-color: var(--c-bg-pale) !important;
}
a:hover {
	color: rgba(var(--c-ac-rgb), 0.9) !important;
}
/* Coloring shapes and stuff */
.text-gradient {
    background: -webkit-linear-gradient(#EAA077, #DFC17A) !important;
    -webkit-background-clip: text !important;
}.gradient-start-color {
  stop-color: var(--c-con) !important;
}
.gradient-end-color {
  stop-color: var(--c-ac) !important;
}
.shape-1 {
	fill: var(--c-ac) !important;
}
.shape-2 {
	fill: var(--c-con) !important;
}
.btn-primary {
    --bs-btn-bg: var(--c-ac);
    --bs-btn-border-color: var(--c-ac);
    --bs-btn-hover-bg: var(--c-con);
    --bs-btn-hover-border-color: var(--c-ac);
    --bs-btn-active-bg: var(--c-ac);
    --bs-btn-active-border-color: var(--c-ac);
    --bs-btn-disabled-bg: var(--c-ac);
    --bs-btn-disabled-border-color: var(--c-ac);
}
.navbar, .nav-item {
    --bs-navbar-brand-color: rgba(var(--c-txt-rgb), 0.9);
}
.youtube {
  background-color: var(bg-ac);
  padding: 10px;
  border: 12px;
  border-color: var(bg-ac);
}
#Layer_37 {
	width: 75px;
	margin: 5% auto;
}