/* Google Web Font */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500&display=swap');

/* Default CSS */
body {
  font-family: 'Montserrat', sans-serif;
  /* background-color: #000; */
  margin: 0;
}
.navi {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 100;
}
.navi li {
  padding-left: 120px;
}
.navi li a {
  font-size: 45px;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  position: relative;
}
.navi li a:before {
  position: absolute;
  color: rgb(255, 238, 0);
  top: 0;
  left: 0;
  width: 0;
  font-weight: 500;
  overflow: hidden;
  content: attr(data-text);
  transition: 0.25s;
}
.navi li a:hover:before {
  width: 100%;
}

.photo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/Image/Images/javascript/New-York-01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: 0.5s;
}