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

::-webkit-scrollbar {
  display: none;
}

#container, #works, #page, #about {
  height: 100vh;
  width: 100%;
  position: relative;
}

#container .back-img {
  width: 100%;
  height: 100%;
  background-image: url("4.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 1;
}

#container .nav-bar {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
}

.nav-bar ul {
  padding: 20px;
  text-align: center;
}

.nav-bar ul li {
  display: inline-block;
  padding: 0 14px;
  font-family: helvetica;
  font-size: 1.4rem;
}

.nav-bar ul li a {
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}

.nav-bar ul li:hover a {
  color: white;
}

#works .second-img {
  width: 100%;
  height: 100%;
  background-image: url("1.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 1;
}

#page .third-img {
  width: 100%;
  height: 100%;
  background-image: url("3.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 1;
}

#about .fourth-img {
  width: 100%;
  height: 100%;
  background-image: url("2.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 1;
}

#container .title, #works .title, #page .title, #about .title {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#container .title h2, #works .title h2, #page .title h2, #about .title h2 {
  color: white;
  font-family: helvetica;
  font-weight: 700;
  font-size: 70px;
  letter-spacing: 2px;
}
#container .title h4, #works .title h4, #page .title h4, #about .title h4 {
  color: white;
  font-family: helvetica;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 2px;
}
p {
   color: white;
  font-family: helvetica;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 2px;
  text-align: left;
}

.back-img, .second-img, .third-img, .fourth-img {
  background-attachment: fixed;
}