@keyframes flip
{
   0% { transform: perspective(400px) rotateX(0deg) rotateY(-360deg) scale3d(1,1,1) ;  }
   50% { transform: perspective(400px) rotateX(0deg) rotateY(-180deg) scale3d(1.2,1.2,1.2) ;  }
   100% { transform: perspective(400px) rotateX(0deg) rotateY(0deg) scale3d(1.0,1.0,1.0) ;  }
}
@keyframes pop
{
   0% { transform: perspective(1px) rotateX(0deg) scale3d(1,1,1) ;  }
   100% { transform: perspective(1px) rotateX(0deg) scale3d(1.2,1.2,1.2) ;  }
}
@keyframes transform-shake
{
   0% { transform: rotate(0deg) ;  }
   10% { transform: translate(-10px,0px) rotate(0deg) ;  }
   20% { transform: translate(10px,0px) rotate(0deg) ;  }
   30% { transform: translate(-10px,0px) rotate(0deg) ;  }
   40% { transform: translate(10px,0px) rotate(0deg) ;  }
   50% { transform: translate(-10px,0px) rotate(0deg) ;  }
   60% { transform: translate(10px,0px) rotate(0deg) ;  }
   70% { transform: translate(-10px,0px) rotate(0deg) ;  }
   80% { transform: translate(10px,0px) rotate(0deg) ;  }
   90% { transform: translate(-10px,0px) rotate(0deg) ;  }
   100% { transform: translate(0px,0px) rotate(0deg) ;  }
}
.CustomStyle
{
   font-family: "Courier New";
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   color: #2E74B5;
   --color: #2E74B5;
   background-color: transparent;
}
.rollover_button
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: #FF0000;
   --background-color: rgba(255,0,0,1.00);
   background-image: linear-gradient(to top, #FF0000 0%, #000000 100%);
   border-radius: 30px;
}
.rollover_button:hover, .rollover_button.active
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   color: #FFFF00;
   --color: #FFFF00;
   background-color: #000000;
   --background-color: rgba(0,0,0,1.00);
   background-image: linear-gradient(to top, #000000 0%, #FF0000 100%);
   border-radius: 30px;
}
.Title
{
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: #FF0000;
   --background-color: rgba(255,0,0,1.00);
   background-image: linear-gradient(to top, #FF0000 0%, #000000 100%);
   border-radius: 30px;
   padding: 4px 0 3px 0;
}
.cell_center
{
   text-decoration: none;
   background-color: transparent;
   padding: 10px 0 010px 0;
}
.כפתור_אדום_שחור
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   background-color: #FF0000;
   --background-color: rgba(255,0,0,1.00);
   background-image: linear-gradient(to top, #FF0000 0%, #000000 100%);
   border: 2px solid #FFFFFF;
   --border-color: #FFFFFF;
   border-radius: 30px;
}
.כפתור_אדום_צהוב
{
   font-family: Arial;
   font-weight: bold;
   text-decoration: none;
   color: #0000FF;
   --color: #0000FF;
   background-color: #FFFF00;
   --background-color: rgba(255,255,0,1.00);
   background-image: linear-gradient(to top, #FFFF00 0%, #FF0000 100%);
   border: 2px solid #FFFFFF;
   --border-color: #FFFFFF;
   border-radius: 30px;
}
.תפריט_אדום_שחור14
{
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: #FF0000;
   --background-color: rgba(255,0,0,1.00);
   background-image: linear-gradient(to top, #FF0000 0%, #000000 100%);
   border: 2px solid #FFFFFF;
   --border-color: #FFFFFF;
   border-radius: 30px;
}
.תפריט_אדום_שחור14:hover, .תפריט_אדום_שחור14.active
{
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   text-align: center;
   text-decoration: none;
   color: #FFFF00;
   --color: #FFFF00;
   background-color: #000000;
   --background-color: rgba(0,0,0,1.00);
   background-image: linear-gradient(to top, #000000 0%, #FF0000 100%);
   border: 2px solid #FFFFFF;
   --border-color: #FFFFFF;
   border-radius: 30px;
}
.תפריט_אדום_שחור12
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: #FF0000;
   --background-color: rgba(255,0,0,1.00);
   background-image: linear-gradient(to top, #FF0000 0%, #000000 100%);
   border: 2px solid #FFFFFF;
   --border-color: #FFFFFF;
   border-radius: 30px;
}
.תפריט_אדום_שחור12:hover, .תפריט_אדום_שחור12.active
{
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   text-align: center;
   text-decoration: none;
   color: #FFFF00;
   --color: #FFFF00;
   background-color: #000000;
   --background-color: rgba(0,0,0,1.00);
   background-image: linear-gradient(to top, #000000 0%, #FF0000 100%);
   border: 2px solid #FFFFFF;
   --border-color: #FFFFFF;
   border-radius: 30px;
}