body
{
    background-color: #b8ff29;
    -webkit-animation: color 5s ease-in 0s infinite alternate running;
    -moz-animation: color 5s linear  0s infinite alternate running;
    animation: color 5s linear  0s infinite alternate running;
}

@-webkit-keyframes color
{
0%{background-color:#ff3e29;}
25%{background-color:#29ffed;}
50%{background-color:#30ff34;}
75%{background-color:#2989ff;}
100%{background-color:#b8ff29;}
}

h3
{
    text-align: center;
    text-decoration: none;
    font-family: arial-black;
    font-size: 200%;
    text-shadow: 10px 5px 10px gold;
 }

 h3:hover{
    text-decoration: underline;
 }

 table
 {
    border: 15px solid transparent;
    border-image: url(five_leaves_border_03_hd_picture.jpg) 50 50 round;
    box-shadow: 5px 5px 10px yellow, 10px 10px 20px yellow;
    font-family: arial;
    padding: 0.5px;
 }

.a
{
    border: 2px solid;
    border-radius: 25px;
    background-color: gold;
    font-family: arial;
    padding-top: 0.5cm;
    padding-bottom: 0.5cm;
    transition: background 1s;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

.a:hover {
    background: linen;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

td
{
    border: 2px solid;
    border-radius: 25px;
    background-color: aquamarine;
    transition: background 1s;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

td:hover{
    background: linen;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.x
{
    border: 2px solid;
    border-radius: 25px;
    font-family: arial;
    background-color: aqua;
    transition: background 1s;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

.x:hover {
    background: linen;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

img
{
    height:300px;
    width:200px;
    border-radius: 25px;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

img:hover
{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}