/**********************ANIMATIONS**********************/

.all-animations {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.animations-description {
  flex: 1 1 300px;
  border: 2px solid var(--primary-color);
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  background-color: var(--secondary-color);
}

.all-animations > h2 {
    width: 100%;
    text-align: center; 
    margin-bottom: 20px;
}

.animations{
  text-align: center;
  margin-top: 20px;
   flex: 1 1 300px;     
  border: 2px solid var(--primary-color); 
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box; 
  text-align: center;
}

.contact-link{
   color: var(--text-color);
  text-decoration: none;
  font-weight: 500;
  border: var(--primary-color) 2px solid;
  padding: 8px 15px;
  display: inline-block;
  width: 150px;
  text-align: center
}

.contact-link:hover {
  color: var(--primary-color);
 
   background-color: var(--secondary-color);

}

.lessons-prices>p{

 color: var(--primary-color);
}

.lessons-information{
  text-align: center;
  margin-top: 20px;
}