ul {
    list-style-type: none;
    margin: 2px;
    padding: 28px;
    overflow: hidden;
    background-color: rgb(56, 51, 51);
    position: fixed;
    top: 0;
    width: 100%;
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    font-family:sans-serif;
    font-size: 20px;
  }
  
  li a:hover {
    background-color: rgb(14, 10, 10);
  } 

  .text {
    position: absolute;
    top: 160px;
    left: 105px;
    font-size: 56px;
  }

  .text1 {
    position: fixed;
    top: 38px;
    left: 1000px;
    font-size: 25px;
    color: white ;
  }

  .image1 {
    background-image: url("https://images.unsplash.com/photo-1506869640319-fe1a24fd76dc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8ZnJpZW5kfGVufDB8fDB8fA%3D%3D&w=1000&q=80");
    height: 1000px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  body {
    background-color: rgb(239, 237, 248);
  }
  
  .photo {
    position: relative;
    left: 1000px;
    top: -32px;
    border-radius: 400px;
  }

  p.a {
    position: relative;
    font-size: 25px;
    left: -420px;
    top: 10px;
  }

  .image2 {
    background-image: url("https://27mi124bz6zg1hqy6n192jkb-wpengine.netdna-ssl.com/wp-content/uploads/2020/05/Top-12-Pioneers-in-Education-scaled.jpg");
    height: 1000px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .text2 {
    position: absolute;
    top: 1750px;
    left: 65px;
    font-size: 56px;
  }

  table {
    font-family:sans-serif;
    width: 100%;
    background-color: rgb(65, 74, 87);

    
  }
  
  td, th {
    border: 1px solid #140e0e;
    text-align: left;
    padding: 24px;
    color: white;
    font-size: 24px;
  }

  .image3 {
    height: 250px;
    width: 250px;
    position: relative;
    left: 60px;
    top: 20px ;
  }

  .image4 {
    height: 250px;
    width: 250px;
    position: relative;
    left: 200px;
    top: 20px ;
  }

  .image5 {
    height: 250px;
    width: 250px;
    position: relative;
    left: 300px;
    top: 20px ;
  }

  .image6 {
    height: 250px;
    width: 250px;
    position: relative;
    left: 400px;
    top: 20px ;
  }

  .image7 {
    background-image: url("https://4kwallpapers.com/images/walls/thumbs_3t/1941.jpg");
    height: 1000px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .text3 {
    position: absolute;
    top: 3570px;
    left: 75px;
    font-size: 56px;
    color: black;
  }

h1 {
    text-align: center;
}
  .image8 {
    background-image: url("https://images.pexels.com/photos/3771055/pexels-photo-3771055.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
    height: 1000px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  p.b {
    position: relative;
    font-size: 25px;
    left: 200px;
  }

  .text4 {
    position: absolute;
    top: 5460px;
    left: 75px;
    font-size: 56px;
    color: black;
  }

  .image9 {
    background-image: url("https://wallpaperaccess.com/full/3124570.jpg");
    height: 1000px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .text5 {
    position: relative;
    top: 260px;
    left: 55px;
    font-size: 56px;
    color: black;
  }

  p.c {
    position: relative;
    font-size: 46px;
    left: 210px;
    font-family: sans-serif;
  }

  p.d {
    position: relative;
    font-size: 36px;
    left: 210px;
    font-family: sans-serif;
  }

 

  .footer{
    margin-top: 0px;
    width: 100%;
    padding: 100px 15%;
    background: #333;
    color:#efefef;
    display: flex;
  }
  .footer div{
    text-align:center;
  }
  .col-2{
    flex-grow: 1;
    font-size: 25px;
    font-family: serif;
  }
  .col-1{
    margin-bottom: 5px;
    font-size: 25px;
  }
  .col-1 a{
    font-size: 25px;
    margin-top: 14px;
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
    color: #efefef;
    
  }
  .social-icons{
    margin-top: 30px;
   
  }
  .social-icons i{
    font-size: 60px;
    margin: 20px;
    cursor: pointer;
    background-color:  rgb(56, 51, 51);
    color: white;
    
  }

  .button {
    border: none;
    background-color: black;
    color: white;
    padding: 17px 22px;
    text-align: center;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    font-family: serif;
  }
  
  .box {
    position: relative;
    font-size: 25px;
    left: 230px;
    font-family: sans-serif;
  }

  #h2 {
    position: relative;
    left: -10px;
    width: 20px;
    height: 20px;
  }

  p.y {
    position: relative;
    left: 40px;
    font-size: 28px;
    font-family: sans-serif;
    margin: 2px;
  }

  h1.z {
    position: relative;
    text-align: left;
    font-family: sans-serif;
    left: 40px;
  }