@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&family=Lato&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap'); /* font-family: 'Amatic SC', cursive; */
#wrapper {
	background-image: url("tactile_noise_@2X.png");
	width: auto;
	padding: 10px 15px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	letter-spacing: 3px;
}

#innerWrapper {
	width: 55%;
	margin: auto;
	background: rgba(59, 59, 59, 50%);
	padding: 15px 100px 999px 100px;
	color: white;
	font-family: 'Lato', sans-serif;
}

header {
/*	border: solid black;*/
	color: white;
	margin: auto;
	width: 65%;
	text-align: center;
}

.myConainer {
  padding: 5px 0;
  border-radius: 3px;
  height: 60px;
  width: 600px;
  margin: 5px 1% 5px 1%;
  position: relative;
  transition: height .3s, background-color 1000ms linear;
  text-align: left;
  overflow: hidden;
  background: rgba(59, 59, 59, 60%);
}

.myConainer h1 {
	left: 25px;
	
}

.myConainer:hover h1{
	text-align: left;
	left: 25px;
}

.myConainer:hover {
	height: 300px;
	width: 600px;
	transition: height .5s, background-color 1000ms linear;
}


.myConainer2 {
  padding: 5px 0;
  border-radius: 3px;
  height: 60px; 
  width: 600px;
  margin: 5px 1% 5px 1%;
  position: relative;
  transition: height .3s, background-color 1000ms linear;
  background: rgba(59, 59, 59, 60%);
  text-align: left;
  overflow: hidden;
}

.myConainer2 h1 {
	left: 25px;
	
}

.myConainer2:hover h1{
	text-align: left;
	left: 25px;
}

.myConainer2:hover {
	height: 390px; /*labs list height*/
	width: 600px;
	transition: height .5s, background-color 1000ms linear;
}

.myConainer3 {
  padding: 5px 0;
  border-radius: 3px;
  height: 60px;
  width: 600px;
  margin: 5px 1% 5px 1%;
  position: relative;
  transition: height .3s, background-color 1000ms linear;
  background: rgba(59, 59, 59, 60%);
  text-align: left;
  overflow: hidden;
}

.myConainer3 h1 {
	left: 25px;
	
}

.myConainer3:hover h1{
	text-align: left;
	left: 25px;
}

.myConainer3:hover {
	height: 370px; /*in class activities list height*/
	width: 600px;
	transition: height .5s, background-color 1000ms linear;
}


.portrait {
	position: relative;
	height: 250px;
	float: right;
	left: 100px;
	margin-top: 10px;
}

h1 {
	font-size: 46px;
	padding: 5px;
	position: relative;
}

.cases {
	margin-top: 30px;
	color: white;
/*	border: solid white;*/
}

.caseHeader {
	font-size: 45px;
	padding: 5px;
	position: relative;
	margin-bottom: 3px;
}

h1, ul, a {
	font-family: 'Lato', sans-serif;
}
ul a {
	color: aqua;
	text-decoration: none;
	font-size: 24px;
}

li {
	list-style: inside;
	font-size: 27px;
	color: white;
	margin: 5px;
}

#labs h1 {
	color: white;
	margin-top: 50px;
}

.homeLink {
	margin: 100px 0;
	text-align: center;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 27px;
	color: aqua;
	text-decoration: none;
}

#inClass {
	color: white;
	margin-top: 50px;
}