@import url('https://fonts.googleapis.com/css2?family=Rubik+Vinyl&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
body{
   font-weight: bold;
   font-size: 30px;
   background-color:darksalmon;
   font-family: "Rubik Vinyl", serif;
   color: #6FC235;
   
}
.rubik-vinyl-regular {
    font-family: "Rubik Vinyl", serif;
    font-weight: 400;
    font-style: normal;
  }
.desc {
    font-size:30px;
}
.desc1 {
    font-size:15px;
}
.foricon {
    font-size: 5px;
}
 /* Rasmlar orasiga bo'shliq qo'yish */
 p img {
    margin-right: 10px; /* Har bir rasm orasiga 10px bo'shliq */
}

/* So'nggi rasmga margin qo'ymaslik uchun */
p img:last-child {
    margin-right: 0;
}
.col a {
    display: block; /* Linkni butunlay blok sifatida ko'rsatish */
    padding: 5px; /* Matn atrofida bo'shliq */
    text-decoration: none; /* Chiziqni olib tashlash */
    color: inherit; /* Rangi ota-ona elementidan olish */
}


/* Optional: linkni normal holatdagi ko'rinishi uchun */
.col {
    border: 1px solid #751d1d;
   
    transition: transform 0.2s ease-in-out; /* Animatsiya qo'shish */
}

.col:hover {
    transform: scale(1.05); /* Hoverda kichik kattalashish */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Kengaytirilgan soya */
    transition: box-shadow 0.3s ease-in-out; /* Soya qo'shilishini silliq qilish */
}
a:link {
    color: #009BF6;
  }
  
  /* visited link */
  a:visited {
    color: green;
  }
  
  /* mouse over link */
  a:hover {
    color: red;
  }
  
  /* selected link */
  a:active {
    color: yellow;
  }