html, body {
    height: 10%;
    overflow: hidde;
    margin-top: 10% ; 
  }
  .body{
    background-image: url('img_girl.jg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    text-align: center;
  }

  .cover {
    background-image: url("pic.jpg");
    background-repeat: no-repeat;
    width: 1440px;
    height: 900px;
    margin-top: -20%;
    margin-bottom: -10%;
    background-size: 100% 100%;
}

  
  .home {
    height: 60px;
    margin: auto;
    position: absolute;
    top: 11%;
    right: 590px;
    transform: translateY(-50%);
    width: 300px;
  
  }
  
  
  .Store {
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 34.5%;
    right: 1220px;
    transform: translateY(-50%);
    width: 200px;
  }
  
  .gallery{
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 34.5%;
    right: 925px;
    transform: translateY(-50%);
    width: 200px;
  }
  
  .sitemap{
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 34.5%;
    right: 650px;
    transform: translateY(-50%);
    width: 200px;
  }
  
  .quiz {
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 34.5%;
    right: 350px;
    transform: translateY(-50%);
    width: 200px;
  }
  
  .aboutUs {
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 34.5%;
    right: 75px;
    transform: translateY(-50%);
    width: 200px;
  }
  .Student1 {
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 49.5%;
    right: 268px;
    transform: translateY(-50%);
    width: 200px;
  }
  .Student2 {
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 60%;
    right: 268px;
    transform: translateY(-50%);
    width: 200px;
  }
  .Student3 {
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 71%;
    right: 268px;
    transform: translateY(-50%);
    width: 200px;
  }
  .Student4 {
    height: 60px;
    margin: 0 auto;
    position: absolute;
    top: 81.5%;
    right: 268px;
    transform: translateY(-50%);
    width: 200px;
  }
  
  
  .name {
    color: #fff;
    font-family: "Bahnschrift";
    font-size: 22px;
    letter-spacing: 8px;
    line-height: 3%;
    padding: 20px;
    position: relative;
    top: 0.1%;
    left:25%;
    
  }
  .name:hover {
    background-color: purple;
    box-shadow: 0 0 5px  #C04BE7, 0 0 25px  #C04BE7, 0 0 50px  #C04BE7, 0 0 200px  #C04BE7;
  
  }

  
  @keyframes draw {
    0% {
      stroke-dasharray: 140 540;
      stroke-dashoffset: -474;
      stroke-width: 8px;
    }
    100% {
      stroke-dasharray: 760;
      stroke-dashoffset: 0;
      stroke-width: 4px;
    }
  }
  
  
  
  .Line1{
    position: absolute;
    top: 38.4%;
    right: 150px;
    stroke: purple;
    stroke-width:3px;
  }
  .Main1{
    position: absolute;
    stroke: purple;
    top: 13.7%;
    right: 170px;
    stroke-width:3px;
  }
  .underline{position: absolute;
    stroke: purple;
    top: 13.7%;
    right: 170px;
    stroke-width:3px;
  }

  li.dropdownList {
    display: inline-block;
  }