#index-yes, html { 
  heihgt: 1000%;
  margin: 0; 
  background-image: url('Art.png');
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} 
.pages { 
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
  overflow: hidden; 
  display: flex; 
  gap: 0.5rem; } 
li { 
  float: left; 
  font-family: 'Aldrich'; 
  font-size: 22px; 
} 
li a { 
  display: block; 
  text-align: center; 
  padding: 14px 16px; 
  text-decoration: none; 
  color: black; 
  -webkit-text-stroke: 0.4px black; 
  transition: all 0.5s ease-in-out; 
  flex: 1; 
  background-color: #00000000; 
}
li a:hover { 
  background: linear-gradient(to right, #ffaed9, #6a4afa);
  -webkit-background-clip: text;
  color: transparent;
}
a {
  width: 100px;
  height: 80px;
  background: red;
  transition: width 10s;
}

a:hover {
  width: 200px;
}

#evadelogoindex { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height: 65vh; 
    background-attachment: fixed;
}
#evadelogo { 
    margin-left: 65%; } 
#evadelogoindex { 
  margin-top: -10%; } 
.pages { 
  position: absolute; 
  width: 100%; 
  height: 100%; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  transition: opacity 1s ease-in-out; } 


#uh {
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center;
  height:500vh; 
  width: 95%; 
  background: linear-gradient(to right, #ffaed944, #6a4afa34); 
  font-family: 'Aldrich';
  text-align: center; 
  margin: auto;
  border-radius: 15px; 
  border: 2px solid black; 
  padding: 20px;
}
#aboutuhevade {
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center;
  height:370vh; 
  width: 95%; 
  background: linear-gradient(to right, #ffaed944, #6a4afa34); 
  font-family: 'Aldrich';
  text-align: center; 
  margin: auto;
  border-radius: 15px; 
  border: 2px solid black; 
  padding: 20px;
}
.uhms {
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center;
  height: 50vh; 
  width: 95%; 
  background: linear-gradient(to right, #ffaed944, #6a4afa34); 
  font-family: 'Aldrich';
  text-align: center; 
  margin: auto;
  border-radius: 15px; 
  border: 2px solid black; 
  padding: 20px;
}
.about-uhms { 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  height: 70vh; 
  align-items: center; 
  width: 95%; 
  background: linear-gradient(to right, #ffaed944, #6a4afa34); 
  font-family: 'Aldrich'; 
  text-align: center; 
  margin: 0; 
  border-radius: 15px; 
  border: 2px solid black; 
  padding: 25px; 
}
.h1yes{ 
  font-size: 45px;  
  width: 55%;
  height:10%;
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  border: 1px #181818;
  border-radius: 15px;   
  text-align: center;
  text-transform: uppercase; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #403864e5; 
  border-bottom: 1.5px solid #181818; 
  padding-bottom: 10px; 
  margin: 0; 
}
.h1no{ 
  font-size: 45px;  
  width: 50%;
  height:7%;
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  border: 1px #181818;
  border-radius: 15px;   
  text-align: center;
  text-transform: uppercase; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #403864e5; 
  border-bottom: 1.5px solid #181818; 
  padding-bottom: 10px; 
  margin: 0; 
}

#pyes { 
  font-size: 15px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 38%;
  width: 80%;
  border-radius: 15px; 
  border: 1px solid #181818; 
  text-align: center;
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
#pno { 
  font-size: 15px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 28%;
  width: 80%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
.h2no{ 
  font-size: 30px;  
  width: 40%;
  height:5%;
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  border: 1px #181818;
  border-radius: 15px;   
  text-align: center;
  text-transform: uppercase; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #403864e5; 
  border-bottom: 1.5px solid #181818; 
  padding-bottom: 10px; 
  margin: 0; 
}
.p1no { 
  font-size: 15px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 13%;
  width: 20%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
#h1tips { 
  font-size: 30px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 13%;
  width: 20%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  text-transform: uppercase; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
.pics {
  height: 20%;
  border-radius: 15px; 
  border: 1px solid #181818;
}
#aboutevadeyes {
  font-size: 15px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 3%;
  width: 50%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
.h1idk {
  font-size: 30px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 23px;
  width: 20%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}

#allmaps {
  font-size: 30px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 60px;
  width: 25%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
#idkk {
  font-size: 30px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 40px;
  width: 25%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
#idkkk {
  font-size: 20px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 40px;
  width: 30%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
#idkkkk {
  font-size: 25px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 200px;
  width: 80%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
#h1idkc {
  font-size: 25px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 40px;
  width: 20%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
#ol {
  font-size: 25px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 450px;
  width: 80%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
#ph1 {
  font-size: 17px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height:270px;
  width: 80%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
#tuts-and-tips {
  font-size: 17px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height:270px;
  width: 80%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
.uhmss {
  font-size: 25px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height: 40px;
  width: 20%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
.tuts {
  font-size: 17px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height:305px;
  width: 80%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}
.yess {
  font-size: 15px;  
  color: #181818;
  background: linear-gradient(to right, #ffaed944, #6a4afa34);
  height:20px;
  width: 30%;
  border-radius: 15px; 
  border: 1px solid #181818;
  align-items: top; 
  text-transform: none; 
  letter-spacing: 2px;  
  text-shadow: 2px 2px 5px #2119428e; 
  padding-bottom: 10px; 
  margin-bottom: 20px;
}