@charset "utf-8";
.bg-rust {
	color: #FFFFFF;
	background-color:firebrick;
}
.carousel-item.active {
}


.image-fluid {
	
}

.container {
    position: relative;
}
.image2 {
    position: top;
    left: 0px;
}

.image3 {
    position: right;
    left: -100px;
}


.fullContent{
	justify-content: center;
	align-items: center;
	display: flex;
        }

@media screen and (orientation:landscape) {
 .carousel img{
	max-height: 100vh;
			}
		}

.Libraries_text{
	color:darkblue
		
		}

.carousel {
  width: auto;
  max-height: auto;
  overflow: hidden;
}

@media screen and (max-width:1200px){
  .carousel {
    /* Pushes out the margins on mobile devices so it lines up with the article body. */
    margin-left: -20px !important;
    margin-right: -20px !important;
    width: inherit !important;
  }
}

.carousel:hover {
	visibility: visible;
	color: white;
	bottom: -20%;
}

.carousel .carousel > .carousel-control {
  visibility: hidden;
}

.carousel .carousel-control {
  visibility: visible;
  color: white;
}

.carousel .carousel-inner {
	background-color: #FFFFFF;
}

.carousel .carousel-caption {
	top: 0;
	bottom: auto;
}

.carousel .item img {
  margin-left: auto;
  margin-right: auto;
  min-width: 100%;
	
	}

.img {
 margin-left: auto;
 margin-right: auto;
 min-width: 100%;
	
}

p {
    padding : 0;
    margin : 0;
}	
	
h3 {
    padding : 0;
    margin : 0;
}	

.container-fluid {
	height: 62%; /* Fits screen height */
	width: 100vw; /* Fits screen width */
	overflow: hidden; /* Removes scrollbars */
	display: flex; /* Centers content */
	justify-content: center;
	align-items: center;
	
	}
	
.carousel-indicators {
	right: 0;
	left: 0;
	z-index: 2;
	justify-content: center;
	margin-bottom: 2.5%;
}
.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	padding: 0;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: var(--bs-carousel-indicator-active-bg);
	background-clip: padding-box;
	border: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 0.5;
	transition: opacity 0.6s ease;
	bottom: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 1.25rem;
	left: 15%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	text-align: center;
}

.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}


.carousel-caption-text {
    background-image: url(images/background.png);
    background-size: cover;
}