@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
.body-home, .body-login {
	background: url(../img/bg.jpg);
	background-size: cover;
	background-attachment: fixed;
}
.body-portal {
	background: url(../logo.png);
	background-size: cover;
	background-attachment: fixed;
}
.black-fill {
	background: rgba(0,0,0, 0.7);
	min-height: 100vh;
}
.table {
	background-color: white;
}
#homeNav {
	background: rgba(255,255,255, 0.5) !important;
}
.welcome-text {
	min-height: 80vh;
}
.welcome-text img {
	width: 300px;
}
.welcome-text h4 {
	color: #eee;
	font-size: 51px;
	font-family: 'Lobster', cursive;

}
.welcome-text p {
	color: #222;
	background: rgba(255,255,255, 0.5);
	padding: 5px;
	border-radius: 4px;
}
#about {
	min-height: 100vh;
}
#about .card-1{
	max-width: 600px;
	width: 90%;
	background: rgba(255,255,255, 0.5);
	padding: 20px;
	border-radius: 5px;
}
#about .card-1 h5{
	font-family: 'Lobster', cursive;
	font-size: 28px;
}

#contact {
	min-height: 100vh;
}
#contact form{
	max-width: 600px;
	width: 90%;
	background: rgba(255,255,255, 0.5);
	padding: 20px;
	border-radius: 5px;
}
#contact form h3 {
	text-align: center;
	font-family: 'Lobster', cursive;
}
textarea {
	resize: none;
}

.login {
	max-width: 500px;
	width: 90%;
	background: rgba(255,255,255, 0.5);
	padding: 10px;
	border-radius: 10px;
}
.login h3{
	text-align: center;
	font-size: 50px;
}
.w-450 {
	width: 450px;
}
.n-table {
	max-width: 800px;
}
.form-w {
	max-width: 600px;
	width: 100%;
	background-color: white;
}

#downloads li {
	display: block;
	position: relative;
	float: left;
	/* menu background color */
}

#downloads ul {
	position: absolute;
	padding: 0;
	left: 0;
	display: none;
	/* hides sublists */
}

#downloads li:hover ul {
	display: block;
	background: rgba(255,255,255, 0.5) ;

}
  
#downloads li li:hover ul {
	display: block;
	/* shows sub-sublist on hover */
	margin-left: 200px;
	/* this should be the same width as the parent list item */
	margin-top: -35px;
	/* aligns top of sub menu with top of list item */
  }
  
  #teachers li {
	display: block;
	position: relative;
	float: left;
	/* menu background color */
}

#teachers ul {
	position: absolute;
	padding: 0;
	left: 0;
	display: none;
	/* hides sublists */
}

#teachers li:hover ul {
	display: block;
	background: rgba(255,255,255, 0.5) ;

}
  
#teachers li li:hover ul {
	display: block;
	/* shows sub-sublist on hover */
	margin-left: 200px;
	/* this should be the same width as the parent list item */
	margin-top: -35px;
	/* aligns top of sub menu with top of list item */
  }
  
th {
	text-align: center;
}

td {
	text-align: center;
}