body {
  background-color: #808080;
}

.n1 {
  height: 100px;
  
	background: linear-gradient(-45deg, #9DB5B2, #A2C5AC, #D3D5D4);
	background-size: 400% 400%;
	animation: gradient 2s ease infinite;
	height: 100px;
  border: black solid 1px;
  border-radius: 15px;
}

.menu-icon {
  margin-top: 20px;
  margin-left: 850px;
  cursor: pointer;
  height: 60px;
  width: 80px;
}
.sub {
  height: 400px;
  width: 210px;
  background-color: white;
  margin-left: 780px;
  border-radius: 15px;
  /* padding-left: 20px; */
  padding-top: 10px;
  font-size: 25px;
  display: none;
}
.sub-butt {
  width: 200px;
  height: 50px;
  margin: 5px 5px;
  background-color: #d1caa1;
  border: solid black 1px;
  border-radius: 10px;
  font-weight: 300;
  transition: 0.2s;
  color: black;
}
.sub-butt:hover {
  cursor: pointer;
  background-color: #9e9879;
  border-radius: 15px;
}
.ipt {
  margin-top: 10px;
  margin-left: 10px;
  height: 50px;
  width: 200px;
  border-radius: 10px;
  display: none;
  position: absolute;
}
.opt{
  float: right;
  margin: 15px 100px;
  display: none;
  color: white;
  
}
.f1{
  background-color: white;
  height: 100px;
  width: 500px;
  padding: 30px;
  margin-top: 670px;
  font-size: 15px;
  float: left;
  text-align: center;
  font-size: 20px;
  position: absolute;
  display: none;
  border-radius: 15px;
}
.f2{
  background-color: white;
  height: 100px;
  width: 500px;
  padding: 30px;
  margin-top: 670px;
  font-size: 15px;
  float: left;
  text-align: center;
  font-size: 20px;
  position: absolute;
  display: none;
  border-radius: 15px;
}
.f3{
  background-color: white;
  height: 100px;
  width: 500px;
  padding: 30px;
  margin-top: 670px;
  font-size: 15px;
  float: left;
  text-align: center;
  font-size: 20px;
  position: absolute;
  display: none;
  border-radius: 15px;
}
.f4{
  background-color: white;
  height: 100px;
  width: 500px;
  padding: 30px;
  margin-top: 670px;
  font-size: 15px;
  float: left;
  text-align: center;
  font-size: 20px;
  position: absolute;
  display: none;
  border-radius: 15px;
}
.f5{
  background-color: white;
  height: 100px;
  width: 500px;
  padding: 30px;
  margin-top: 670px;
  font-size: 15px;
  float: left;
  text-align: center;
  font-size: 20px;
  position: absolute;
  border-radius: 15px;
  display: none;
  
}
.extra-info{
  float: right;
  width: 500px;
  height: 350px;
  background-color: white;
  border-radius: 15px;
  padding: 25px;
  margin-top: 25px;
  margin-right: 25px;
  display: none;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}