* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
  }
h1,h2,h3,h4,h5,h6{
  color:darkcyan;
}
body{
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color:gray;
}
.info{
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  font-size: 1.5vw;
  padding: 4vw;
}
.site-description{
  position: relative;
  text-align: center;
  color: white;
}
.responsive {
  width: 100%;
  height:auto;
}
.tagline{
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 5vw;
  color: #ffffff;
  background-color:rgba(19, 56, 56, 0.5);
}
.quote{
  padding: 2vw;
  font-size: 2vw;
  background-color: rgba(19, 56, 56, 0);
}
#uni-name{
  font-family:fantasy;
  font-size: 5.5vw;
  color:rgb(19, 56, 56) ;
  margin-top: 4vw;
  margin-bottom: 4vw;
}

a {
  text-decoration: none;
  }
li {
  list-style: none;
  }
.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color:burlywood;
  color: #fff;
  }
.nav-links a {
  color: #fff;
  }
.uni-logo {
  font-size: 3vw;
  font-weight: 600;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
.options {
  display: flex;
  gap: 1em;
  font-size: 2vw;
  }
.options li:hover {
  background-color:rgb(197, 153, 96,0.5);
  border-radius: 5px;
  transition: 0.3s ease;
  }
.options li {
  padding: 5px 14px;
  }
input[type=checkbox]{
  display: none;
  } 
.hamburger {
  display: none;
  font-size: 4vw;
  user-select: none;
  }
.fa {
	padding: 2vw;
	font-size: 2vw;
	width: 5vw;
	color:azure;
	text-align: center;
	text-decoration: none;
  }
.fa:hover {
	color:rgb(224, 237, 237);
	opacity: 0.7;
	text-decoration: none;
  }
@media (max-width: 768px) {
  .options { 
    display:none;
    position: absolute;
    background-color:burlywood;
    right: 0;
    left: 0;
    text-align: center;
    padding: 2vw 0;
  }
  .options li:hover {
    display: inline-block;
    background-color:rgb(197, 153, 96,0.5);
    transition: 0.3s ease;
  }
  .options li{
    margin-top: 1vw;
  }
  input[type=checkbox]:checked ~ .options{
    display: block;
    position:relative;
  }
  .hamburger {
    display: block;
    color: azure;
  }
}
footer{
  display: block;
  background-color: dimgray;
  color: azure;
  font-size: 1vw ;
}
#footer-text{
  padding-bottom: 1vw;
}
#footer-text a{
  color: azure;
  font-size: 1vw ;
}
#footer-text a:hover{
  color: azure;
  font-size: 1vw ;
  opacity: 0.5;
}
.loc{
  padding-bottom: 1vw;
}
.history{
  font-family: Arial, Helvetica, sans-serif;
  text-align:justify;
  font-size: 1.5vw;
  padding: 4vw;
}
.stats{
  font-size: 2vw;
  color:rgb(19, 56, 56);
  font-weight: 700;
}
table{
  padding:1vw;
  width: 80%;
  align-self: center;
  margin:auto;
}
th{
  background-color: rgb(19, 56, 56);
  color: azure;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5vw;
  padding:1vw;
}
tr{
  padding: 3vw;
  height: 2.5vw;
  border-bottom: 1vw solid #6b9ab4;
  background-color: rgb(0, 139, 139,0.2);
  color:rgb(19, 56, 56);
  font-size: 1.5vw;
}
iframe{
  width:80vw;
  height:50vw;
  margin-top:2vw;
  margin-bottom:4vw;
}
.iframe{
  font-size: 2vw;
  color:rgb(19, 56, 56);
  font-weight: 700;
}
form{
  width:45vw;
  background-color: rgb(19, 56, 56);
  margin: auto;
  margin-bottom:4vw;
  padding:1vw;
}
.query-header{
  font-size: 2vw;
  color:rgb(19, 56, 56);
  text-align: center;
  margin: auto;
}
label{
  font-weight: 600;
  font-size: 1.5vw;
  padding:1vw;
  font-family:Arial, Helvetica, sans-serif;
  color:#d5e5ee;
}
input{
  width:20vw;
  height:2vw;
  border-style: none;
  border-radius: 0.5vw;
  margin: 1vw;
  padding: 1vw;
}
textarea{
  width:20vw;
  padding: 1vw;
  border-style: none;
  border-radius: 0.5vw;
  margin: 1vw;
  padding: 1vw;
}
button {
  background:#0a8078;
  color: white;
  padding: 1vw 1.5vw;
  margin-bottom: 1.5vw;
  border: none;
  cursor: pointer;
  width:10vw;
  border-radius: 1vw;
  font-size: 1.5vw;
}
button:hover{
opacity:0.6;
}
button:active{
border:none;
}
.vid{
  font-size: 2vw;
  color:rgb(19, 56, 56);
  text-align: center;
}
.video{
  margin:1vw;
  height: 36vw;
  width: 60vw;
}