:root {
	--color_lightblue: #e1d4f7;
	--color_darkblue: #5a18c9;
	--color_orange: #fc3707;
	--color_green: #98ca32;
	--color_darkbrown: #341c09;
		
	--color_bg: var(--color_lightblue);
	--color: var(--color_darkbrown);
	--color_h3: var(--color_orange);
	--color_h4: var(--color_darkblue);
	--color_a: var(--color_darkblue);
	--color_navbar_bg: var(--color_darkblue);
	--color_navbar: var(--color_lightblue);
	--color_navbar_menu: var(--color_green);
	--color_jumbotron: var(--color_green);
}


* {
  box-sizing: border-box;
}

body {
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  background-color: var(--color_bg);
  color: var(--color);
}

h3 {
  color: var(--color_h3);
}

h4 {
  color: var(--color_h4);
}

a {
  color: var(--color_a);
}

.navbar {
  background-color: var(--color_navbar_bg);
}

.navbar .navbar-brand {
  color: var(--color_navbar);
}

.navbar .navbar-nav > li > a {
  color: var(--color_navbar);
}

.navbar .navbar-nav > .dropdown > a .caret {
  color: var(--color_navbar);
}

.navbar-nav > li > .dropdown-menu { 
  background-color: var(--color_navbar_menu); 
}

.jumbotron {
	background-color: var(--color_jumbotron);
}

/*
; e1d4f7 lightblue
; 5a18c9 darkblue
; fc3707 orange
; 98ca32 green
; 341c09 darkbrown

*/