div.card {
  width: 128px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

div.header {
  background-color: #4CAF50;
  color: white;
  padding: 10px;
  font-size: 25px;
}

div.container {
  padding: 10px; 
}

.my1 {
    color: white;
  /* padding: 10px; */
  border: none;
  text-decoration: none;
}
.my1:hover {
    color: rgb(223, 186, 35); /* Изменяет цвет текста при наведении */
  border: 5px;
  border-color: #4CAF50;
  /* font-weight: bolder;  */
}

.my2 {
  color: rgb(223, 186, 35);
  border: none;
  text-decoration: none;
}
.my2:hover {
  /* border: 2px solid red; */
  /* color: white; Изменяет цвет текста при наведении */
  /* font-weight: bolder;  */
}

.form-control::placeholder {
  color: #b9c1bbd5; /* Изменяет цвет на красный */
  opacity: 1; /* Отменяет снижение прозрачности в Firefox */
}

/* .custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-color: var(--bs-white);
} */

@keyframes bounce {
	0%, 20%, 60%, 100% {
		transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		transform: translateY(-10px);
		transform: translateY(-10px);
	}

	80% {
		transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

/* img:hover {
	animation: bounce 1s;
} */
 .saf3img:hover {
	animation: bounce 1s;
}

/* .form-check-label {
  padding-left: 5px;
  color: red;
} */
/* .form-check-input {
  padding-left: 5px;
  color: rgb(207, 211, 248);
} */
 /* .my4 {
  float: left;
}
.my4::after {
  content: "";
  display: table;
  clear: both;
} */