body {
  color: blue;
}

span {
  font-style: italic;
}

.tag {
  background: linear-gradient(-45deg, #f86a3e, #de3978, #e62626, #e1d123);
	background-size: 400% 400%;
	animation: gradient 1s ease infinite;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: red;
  font-size: 20px;
  font-weight: bold;
  text-shadow: black 1px 0 10px;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.tebklz {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tiktke {
  color: yellow;
  text-align: center;
}

.toto {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  
}

.toto > p > span {
  font-weight: bold;
  color:yellow;
  font-style: normal;
}

.beat {
	animation: beat .50s infinite alternate;
	transform-origin: center;
  text-align: center;
}

/* Heart beat animation */
@keyframes beat{
	to { transform: scale(0.8); }
}

.redacition {
  display: flex;
  justify-content: space-around;
}

.histrioe {
 width: 40%;
 display: flex;
 flex-direction: column;
 text-align: justify;
 border: 2px solid burlywood;
 padding: 15px;
}

.parazhphe {
  margin-bottom: 10px
}

.note {
  background-color: green;
  color: yellow;
  border: 2px solid yellow;
  padding: 5px;
  display: flex;
  flex-direction: column;
}