* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  height: 100%;
  font-family: Arial, sans-serif;
}
.nav {
   
    top: 0;
    width: 100%;

}
nav ul {
  display: flex;
  justify-content: center;
  list-style: none;

}

nav ul li {
  margin: 0 20px;
}

nav ul li a {
  color: rgb(0, 0, 0);
 
  font-weight: bold;
}

.section1 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 60px; 
  text-align: center; }

.section2 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 60px; 
  text-align: center; }

  .section3 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 60px; 
  text-align: center; }

  .section4 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 60px; 
  text-align: center; }

  img {
  margin-top: 20px;
  width: 50%;
  height: 100%;
  }
 
  .text {
    padding-top: 10px;
  }