@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap');





.navbar-nav{

    margin:auto;
}
body{

    background-color: ghostwhite;
    font-family: "Merienda", cursive;
  font-optical-sizing: auto;
 
  font-style: normal;
}
header{

        background-color: white;
        
}


.nav-link {

    font-size: 20px;
    color: palevioletred;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
   
    font-style: normal;
}

/* Nav er kaj */


/* main body er kaj */


.head-img img{
   
    width: 100%;
    height: 400px;
    
    
}


.custom-delete-btn {
    background-color: white !important;
    color: red !important;
    margin-left: 10px;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}






.item-1 img{

    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 8px;
   

}

.item-2 img{
    width: 100%;
    height: 245px;
    object-fit: cover;
    border-radius: 8px;
  
}
.item-3 img{

   width: 100%;
   height: 246px;
   object-fit: cover;
   border-radius: 8px;
  
}
.item-4 img{

    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 8px;
    

}


/* card/Shop */


.card img{

    height: 250px;
    object-fit: cover;
    border-radius: 6px;
}

.card button{

    width: 100%;
}

.card h3{

    font-size: 22px;
    color: palevioletred;
    font-weight: bold;
   
}
.card p{

    color: palevioletred;
    
    
}


#flex-row{

    justify-content: center;
}

#flex-row .card{

    margin-left: 8px;
}


/* Reviw Items section */

.carousel{

    border: 5px dotted palevioletred;
    border-radius: 8px;
}
.carousel-item{
	padding: 4% 4%;
	text-align: center;
}

.carousel-item img{

    width: 100px;
    height: 100px;
    object-fit: cover;
}

.carousel-item p{

    color: palevioletred;
   

}

.carousel-indicators {

	margin-bottom: -5px;
   
}

.carousel-indicators [data-bs-target]{

    background-color: palevioletred;
}

#ico{

    font-size: 3rem;
}

.carousel-control-prev-icon{
    display: none;
}
.carousel-control-next{
    display: none;
}


/* Contact srt */

.conca {

    padding-left: 60px;
    
}
/* 
.conca input{

    margin-top: 10px;
    width: 70%;
    min-height: 50px;
    border-radius: 8px;
    border-color: ghostwhite;
    box-shadow: 0rem 0rem 0.30rem black;
}

.conca textarea{

    margin-top: 10px;
    width: 90%;
    min-height: 100px;

    border-radius: 8px;
    border-color: ghostwhite;
    box-shadow: 0rem 0rem 0.30rem black;


} */

/* Footer */

footer{

    background-color: palevioletred;
    padding: 40px;
}

footer span{

    color: white;
    font-family: "Roboto", sans-serif;
  
    font-style: normal;
}








/* Responsive */

@media screen and (max-width:900px){

    
   
    
    .item-2 img{
        width: 100%;
        height: 500px;
        object-fit: cover;
        border-radius: 8px;
    }
    .item-3 img{
    
       width: 100%;
       height: 500px;
       object-fit: cover;
       border-radius: 8px;
    }
    
    .navbar-toggler{

        border-color: white;
    }
    .navbar-toggler:focus {

    box-shadow: none;
}
}