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

body{
  font-family: Arial, Helvetica, sans-serif;
  padding-top:130px;
}


#header{
  height:80px;
  padding:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  background-color:brown;
  color:white;
  font-weight:900;
  padding:50px;
}

#amazon-img{
  flex:0 0 100px;
}

#amazon-img img{
  width:100%;
  object-fit:cover;
  filter:drop-shadow(0px 0px 10px #D4D743);
}

#heading{
  font-size:20px;
}

/* track body */

.orderedProducts{
  display: flex;
  flex-direction: column;
  margin:40px auto;
  width:80%;
  align-items: center;
  padding:20px;
}

.box{
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items: center;
  width:70%;
  height:150px;
  padding:10px;
  background: lightgoldenrodyellow;
}

.box .imgBox{
  width:30%;
  height:100%;
}

.box .imgBox img{
  width: 80%;
  height:100%;
}

.productDetails{
  width:70%;
  diplay:flex;
  height:100%;
  flex-direction:column;
  justify-content:space-between;
  align-items: center;
  gap:40px;
  padding:20px;
}

.productName{
  font-size:24px;
  color:darkgoldenrod;
  width:100%;
  height:60%;
  margin-bottom:10px;
}

.name{
  font-weight: bolder;
  letter-spacing: 1px;
  text-shadow: 1px 1px darkgoldenrod;
  font-size:1.5em;
}

.price{
  color:black;
  font-family:monospace;
}

.productDeliveryTime{
  font-size: 20px;
  color:red;
  border-top: 2px solid darkgoldenrod;
  padding-top:20px;
  height:20%;
  width:100%;
}

.overlay{
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color: brown;
  color: gold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size:40px;
  font-weight:bolder;
}

.overlay img{
  width:50%;
  height:150px;
  object-fit: contain;
  margin:20px;
}

.hide{
  pointer-events: none;
  visibility:hidden;
  opacity:0;
}