*{
    margin: 0px;
    padding:0px;
    font-family:century;
}

 header{
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(img.jpeg);
    height: 200vh;
    background-size: cover;
    background-position: center;
    min-height: 100px;
 }
  .header{
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(Education.avif); 

  }

ul{
    float: right;
    list-style-type: none;
    margin-top: 30px;
    min-height: 400px;
    margin-right: 60px;
    font-size: 17px;
}
ul li{
    display: inline-block;

}
ul li a{
    text-decoration: none;
    color:aliceblue;
    padding: 5px 20px;
    border: 1px solid transparent;
    transition: 0.5 ease;
}
ul li a:hover{
    background-color:aliceblue;
    color: #000;
}
ul li.active a{
    background-color: #fff;
    color: #000;


}
.logo img{
    float: left;
    width:100px;
    height: auto;
    
}
.main{
    max-width: 1200px;
    margin: auto;
}
.title{
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%,50%);

}
.title h1{
    color: #fff;
    font-size: 50px;
}
.btn{
    border: 1px solid #fff;
    padding: 5px 20px;
    color: #fff;
    transition:0.5 ease;
    font-size: 18px;
    text-decoration: none;

}
.btn:hover{
    background-color:#fff;
    color:#000;
}

#desc {
    position: absolute;
    top:50%;
    left: 40%;
     color: #fff;
  }

 
  /* #contact-me{
        display: flex;
        flex-direction: row;
        padding:60px;
        margin: 60px;
        right: 100px;
        color:#fff;
          } */

  .hob {
    position: absolute;
    font-size: 300%;
    top:20%;
    left: 40%;
     color: #fff;
  }
  #hobbies-form{
    
    position: absolute;
    top:30%;
    left: 40%;
     color: #fff;
     font-size: 190%;

  }
  .educ{
    position: absolute;
    top:20%;
    left: 40%;
    color:#ffffff;
    font-size: 300%;
    
  }
  #education{
    position: absolute;
    top:40%;
    left: 25%;
    color:#000000;
    font-size: 100%;
  }

  .project{
    position: absolute;
    top: auto;
    left: auto;
    color:#fff;
  }
  .project2{
    position: absolute;
    top: 40%;
    left: 50%;
    color:#fff;
  }

  .about-project{
    position: absolute;
    margin: 10%;
    color:#fff;
    left: auto;
    top: 10px;
  }
.project-head{
    position: absolute;
    font-size: 40px;
    top:30%;
    left: 40%;
     color:#fff;  
     text-align: center;  
}
 
   

  /* * styles.css */ */
/* body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
} */



#education {
  width: 100%;
  margin: 0 auto;
  color:#f2f2f2;
}

#education th, #education td {
  padding: 1em;
  border: 1px solid #ddd;
}

#education th {
  background-color: #807b7b;
  text-align: left;
}

#education td {
  text-align: center;
  color:#ddd;
}

#education tr:nth-child(even) {
  background-color: #8a8585;
}


#education tr:nth-child(odd) {
    background-color: #8a8585;
  }



 .vid{
    color: #fff;
    top: 200%;
    left: 0;
    font-size: 150%;
    
    

 }

/* .video{
     top: 110%;
    display:flex;
    float:right;

}  */
.form{
    padding: 220px;
     align: center ;
     position: left;
     
}
.cont{
    
    color:#ffffff;
}
.img{
    padding: 60px;
    
}
.hr{
    top: 200%;
}
 .class{
    left: 40%;
 }