* {
    font-weight: 600;
    font-family: "Orbitron", serif;;
}

#navbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin:30px 60px;
}

.navmenu{
    text-decoration: none;
    margin-right:30px;
    color: grey;
    
  
}

.navmenu:hover{
    text-decoration: none;
    color: green;
    transition: ease-in-out 0.4s ;
    text-decoration: underline;

  
}



div a>i{
    color: rgb(37, 37, 37);
    margin-right: 15px;
}

h1 {
  text-transform: uppercase;
   text-align: center;
   font-size: 35px;
   padding: 50px 120px;
   margin: 0px 80px;
}


#categorymenu{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
   

}

.category{
 text-decoration: none;
 color: grey;
 margin:80px 0px 50px 0px;
}

.category:hover{
    text-decoration: underline;
    color: green;
    transition: ease-in-out 0.4s ;
   
   }

.catalog{
    display: flex;
    flex-shrink: 1;
   justify-content: center;
    margin: 10px
}

#box1{
    display: flex;
    flex-shrink: 1;
    background-image: url(./assets/Vogue-The-Alggerian-FOx.jpg);
    background-size: cover;
    height: 600px;
    width: 350px;
    margin-right: 10px;
    
}

#box2{
    display: flex;
    flex-shrink: 1;
    background-image: url(./assets/Image.jpg);
    background-size: cover;
    height: 600px;
    width: 300px;
    margin-right: 10px;
    
  
}


footer{
background-color: rgb(22, 22, 22);
bottom: 0px;
color: white;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 150px 0px 0px 0px;
padding:30px 0px 30px 60px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-weight: 100;

}

span a>i{
    color: white;
    margin-right: 20px;
}


@media only screen and (max-width: 980px) {
    .navmenu{ display: none;
    
    }

    h1 {
        text-transform: uppercase;
         text-align: center;
         font-size: 35px;
         padding: 50px 0px;
         margin: 0px 80px;
      }


      .catalog{
        display: flex;
        flex-flow: row wrap;
        flex-shrink: 1;
       justify-content: center;
        margin: 10px;
        padding: 10px;

  }

  #box1{
    display: flex;
    flex-shrink: 1;
    background-image: url(./assets/Vogue-The-Alggerian-FOx.jpg);
    background-size: cover;
    height: 600px;
    width: 350px;
    margin: 10px;
    
}

#box2{
    display: flex;
    flex-shrink: 1;
    background-image: url(./assets/Image.jpg);
    background-size: cover;
    height: 600px;
    width: 300px;
    margin: 10px;
    


}

footer{
    flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 20px;
   text-align: center;
}

}