html, body {
  	height: 100%;
  	background: url('../img/sunset-2525181_1920.jpg') no-repeat fixed;
    	background-size: cover;

  	}

@font-face {
    font-family: danielbd;
    src: url('../fonts/danielbd.ttf') format('truetype');
	}
@font-face {
    font-family: gotu;
    src: url('../fonts/gotu.ttf') format('truetype');
	}

.logo {
	text-align: center;
	padding-top: 2.75em;
  }
  
h3 {text-align: center;
	vertical-align: middle;
	color: #303030;
	font-family: danielbd, "lucida console", sans-serif;
	font-size:42pt;
	}
  
h1 {
	text-align: center;
	vertical-align: middle;
	color: #800032;
	/* color: #7FBCFF; */
	font-family:gotu, "lucida console", sans-serif;
	font-size:34pt;
	text-shadow: 1px 1px 2px black, 0 0 5px yellow, 0 0 10px white;
	}

h2 {
	text-align: center;
	color: #800032;
	font-family:"gotu", "lucida console", sans-serif;
	font-size:16pt; 
	}

p {
	font-family:"gotu", "lucida console", sans-serif;
	font-size:11pt;
	/* margin-top: 1em; */
	}

a {
	color: #800032;
	font-family:"gotu", "lucida console", sans-serif;
	text-decoration: none;
	outline: none;
	}
a:hover,
a:focus {
	color: darkblue;
	text-decoration: none;
	outline: none;
	}

.inner {
  	background-color: rgba(255, 255, 255, 0.7);
  	backdrop-filter: blur(5px);
  	max-width: 1100px;
  	margin-left: auto; 
	margin-right: auto;
	padding: 25px;
	#margin: 50px;
	#box-sizing: border-box;
	border-radius: 15px 15px 15px 15px;
	#justify-content: center;
	#align-items: center;
	}

.text {
	max-width: 1000px;
	margin-left: auto; 
	margin-right: auto;
	}
	
/* Home Page Carousel */
header.carousel {
   height: 55%;
	}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
   height: 100%;
	}
	
.carousel-control.lefts{
	background-repeat:repeat-x
	}
	
.carousel-control.rights{
	right:0;
	left:auto;
	background-repeat:repeat-x
	}