*{
  margin: 0;
  padding: 0;
}
header{
 
  background-color: #454545;
  padding: 10px;
  padding: 10px 0;
  width: 100%;
  /* position: fixed; */
 
 }
 nav{
  display: flex;
  justify-content: center;
  text-align: center;
  display: flex;

 }

 .nav-links{
  list-style: none;
  display: flex;
  width: 90%;
  justify-content: space-between;
 padding: 0 100px;
 
 }
 .nav-links li a{
  color: white;
  text-decoration: none;
  font-size: 14px;

 }
 
 #best{
  color: white;
}
#mame{
  color: white;
}
#end{
  color: white;  
}

.center{
  text-align: center;
  color: white;
}

.iphone{
  background: url("./newappleimg/iphon16pro.jpg");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 10px;
}
.iphone h1{
padding-top: 70px; 
font-size: 60px;
}

.iphone h2{
  font-size: 24px;    
  margin-bottom: 10px;
}


.Learn-More,
.Buy{
  padding:10x 20px;
  font-size:18px
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: 0.3s;
  margin:6x;

  

}



.Learn-More{
  /* color: blue; */
  border-radius: 25px;
  padding: 5px;
  background-color: #007bff;
  color: white;


}

.Buy{
  background: transparent;
  color: blue;
  border: 2px solid #007bff;
  border-radius: 25px;
  padding: 5px;


}
.Buy:hover{
background-color: blue;
color: white;
}


.iphone-16{
  background: url("./newappleimg/iphone16.jpg");
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 10px;
  text-align: center;
}

.iphone-16 h1{
  padding-top: 70px;
  margin-bottom: 20px;
  font-size: 50px;
}

.iphone-16 h2{
color: white;
}
#learn{
  background-color: white;
  color:black; 
  border-radius: 10px; 
  padding: 5px;
}

.learn:hover{
  background-color: white;
}
#Buy{
  background: transparent;
  color: white;
  border: 1px solid white;
}

#Buy:hover{
background-color: white;
color: black;
}

.watch{
  background: url("./newappleimg/watch_hero.jpg");
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 10px;
}

.watch img{
  max-width: 200px;
  padding-top: 50px;
}
.classic{
  color: black;
  font-size: 30px;
  margin: 5px;
}

.container{
  display: flex;
  margin: 10Px;
  gap: 10px;
}

.container h1{
font-size: 40px;  
}
.common{
color: white;
text-align: center;
padding: 40px 20px;
font-size: 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 50px;
height: 90vh;
}

#ipadpro{
  background-image: url("./newappleimg/hero_iphone16_avail__euwzls69btea_small.jpg");
}

#inte{
background-image: url("./newappleimg/promo_macbookpro_announce__gdf98j6tj2ie_large_2x.jpg");
}


.common{
  color: white;
  text-align: center;
  padding: 40px 20px;
  font-size: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 50%;
  height: 90vh;
}

#watch{
  background-image: url("./newappleimg/promo_apple_watch_unity__casvx9ysh1le_small_2x.jpg");
 
}
#MacBook{
  background-image: url("./newappleimg/hero_macbook_air_m3__cp4t7pn8zqaa_small_2x.jpg");
  color: black;
}
#trade-in{
  background-image: url("./newappleimg/promo_iphone_tradein__bugw15ka691e_large_2x\ \(1\).jpg");
color: black;
}
#card{
  background-image: url("./newappleimg/promo_apple_card__5cm7draujpey_large_2x\ \(3\).jpg");
  color: black;
}

footer{
  background:rgb(255, 255, 255) ;
  padding: 20px 100px 0;
}
.column{
  display: flex;
  justify-content: space-between;
}
.footer-column ul{
  list-style: none;
}

.footer-column ul li{
  margin:5px 0;
  font-size: 14px;
}
.footer-column a{
  text-decoration: none;
  color: black;
}
.footer-column a:hover{
  text-decoration: underline;
}
.footer-bottom a:hover{
  text-decoration: underline;
}
.footer-bottom a{
 text-decoration: none; 
 color: black;
}