.carousel-inner img {
    width: 100%;
    height: 100%;
		object-fit: contain
  }


section div.container h1
{
	font-size:40px;
	font-family:Lucida Handwriting;

}
img#pic
{
	border:2px solid gray;

}
div#nope:hover
{
	border:6px solid rgb(153, 230, 255);


}
div#nope:hover
{
	 background-image: linear-gradient(to right,rgb(179, 236, 255),rgb(0, 153, 204))
	}
	li.nav-item a
	{
		font-size:30px;
		border-right: 1px solid grey;

	}
}
iframe
{
	width:100%;
	height:100%;
}
.overlay {
 position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:black;
  opacity:0.7;
  padding:42px;
  margin-left:16px;
  margin-right:14px;


  width: 90%;

  height: 0;
  text-align:top;

  transition: .5s ease;
}





#overlayss:hover .overlay
{ height:100%;
	background-color: cyan;
	opacity:0.7;
}
.text
{
	color:white;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}





#overlayss2:hover .overlay
{ height:100%;
	background-color: cyan;
	opacity:0.7;
}
#overlayss3:hover .overlay
{ height:100%;
	background-color: cyan;
	opacity:0.7;
}
#overlayss4:hover .overlay
{ height:100%;
	background-color: cyan;
	opacity:0.7;
}
section div#cards
{
	margin-left:200px;
	justify-content: space-between;
}