@import url("https://fonts.googleapis.com/css?family=poppins&display=swap");

body{
    font-family: poppins, serif;
    background-color: rgb(8, 8, 8);
}


.mainbox{
    display: grid;
    grid-template-columns: 1fr 1fr ;
   
    grid-gap: 1em;
    /* grid-auto-rows: min(100px); */
    margin: 5%;
    grid-auto-rows: minmax(auto, auto);
    
}

.box{
    height: auto;
    color: antiquewhite;
    

    /* background-color: rgb(200, 192, 180); */
}
.box>img{
    max-width: 100%;
    border-radius: 15px;
 
}



.box2{
    grid-row: 1/2;
    
}



.box4{
    grid-column: 1/3;
    
}

.box21, .box4, .box23, .box33{
    
    grid-column: 1/3;
}






.navbar-nav>.nav-item>.nav-link.active{
    color: antiquewhite;
  }
  
  .nav-link {
    color: rgb(163, 153, 142);
  } 
  .nav-link:hover{
    color: antiquewhite;
  }