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

body{
    width: 1200px;
    background-image: url(https://64.media.tumblr.com/079e56c39d46b949206b821ab5624f44/tumblr_nukiiqBYcw1u20f3mo1_500.gif);
}

#container {
  width: 1160px;
    margin-right: auto;
    margin-left:30px;
    background-color: rgb(67, 67, 67);
    background-image: url(fundo.png)

    
}

header {

    width: 1160px;
    height: 180px;
    background-color:#000000;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 25px 20px;

    h1{
      font-family: "Playfair Display", serif;
          font-weight:600;
          font-style: normal;

      width: 1160px;
      color: whitesmoke;
    }
}

nav{
    width: 400px;
    display: flex;
    justify-content:space-around; 
}

.head{
  color: #f5f5f5;
  text-decoration: none;
}


.iimage{
  width:1160px;
}

  #introtxt{
    margin: 40px 5px;
    margin-left: 10px;
   
  
    width:  1140px;
    height:250px;
  
   background-color: black;}

       #title{
      font-family: "Playfair Display", serif;
      font-weight:500;
      font-style: normal;
      width: 1160px;
      text-align: center;  
      padding-top: 10px; 

      margin-left: 10px;
      
      color: whitesmoke;
       }
            
        #text{
          margin-left: 10px;
          margin-top: 20px;
          font-family: "Playfair Display", serif;
          font-weight:100;
          font-style: normal;
          width: 1120px;
              
          text-align: center;

          color: whitesmoke;
        }
      

.disco{
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left:20px;
}
  
#fila{
  width:  1160px;

  display: flex;
  justify-content: space-around;
}

#legenda{
  width: 1100px;
  margin-left: 40px;
  
  display:flex;
  justify-content: space-between;

  margin-top: 5px;
  margin-bottom: 20px;
}

.l{
  width: 1120px;
  font-family: "Playfair Display", serif;
    font-weight:100;
    font-style: normal;
 
  color: whitesmoke;

  text-align: center;

}



#newgen{
  margin-top: 150px;
  margin-left:250px ;
}

#outnow{
  font-family: "Playfair Display", serif;
    font-weight:600;
    font-style: normal;
  text-align: center;
  color: whitesmoke;
}

#nave{
  margin-left:395px;
  display: flex;
  align-self:center;

}

.new{
  margin-top: 50px;
  text-decoration: none;
  text-align: center;
  font-size: x-large;


  border: 5px solid rgb(27, 27, 27);

  color: #f5f5f5;
  background-color:rgb(27, 27, 27);
}


#tour{
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 150px;
  display: flex;
  flex-direction: column;
  justify-items: center;
  text-align: center;


  font-family: "Playfair Display", serif;
  font-weight:100;
  font-style: normal;
  color: whitesmoke;
}

#lgnd{
  margin-top: 5px;
}


.bolas{
  margin-top: 15px;
  width: 70px;
  align-self: center;
}
.botom{
  margin-top: 50px;

  font-family: "Playfair Display", serif;
    font-weight:600;
    font-style: normal;
    font-size: xx-large;

  text-decoration: underline;
  color: whitesmoke;
}


#merch{
  margin-top: 50px;
  height: 650px;
  width:  1160px;

  background-color:rgb(27, 27, 27);
}

.merchtxt{
  margin-top: 20px;
  margin-left:10px;
}

#merchimgs{
  margin-top: 50px;
  display: flex;
  justify-content: space-around;
}

#merchsubt{
  width: 1000px;

display:flex;
justify-content: space-between;

margin-left: 80px;
margin-top: 5px;
margin-bottom: 20px;
}

.subt{
  width: 1050px;

 font-family: "Playfair Display", serif;
  font-weight:100;
  font-style: normal;


color: whitesmoke;

text-align: center;

}

.seemore{
  margin-top: 100px;
  text-align: center;
  font-size: x-large;
  text-decoration: underline;

  color: #f5f5f5;

  display: flex;
  justify-content: center;
  
}




footer{
  margin-left: 30px;
  width:  1160px;
  height: 300px;
    background-color:black;
  

    color: white;
    padding:25px 20px;


  }

  .primeiro{
    display: flex;
    justify-content: center;
    margin-top: 3px;

  }

  .segundo{
    margin-top:100px;
    display: flex;
    justify-content: center;

  }


  #social{
    margin-top: 65px;
    margin-left: 320px;
    margin-right: 320px;

    
    display: flex;
    justify-content: space-around;
    align-items: center;

  
  }



--------------------------------------------------------------
ul img ::before{
  position: relative;
}

ul img::after{
  position: absolute;

}

ul img:hover{
  transform: scale(1.1, 1.1);
}