#table img{
width:80%;
    max-width: 80px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
#con{
    max-width: 600px;
    padding: auto;
/*conを中央に配置*/
    margin: 0 auto;

}
/*body{
         animation:rainbow 3s infinite;
    -webkit-animation:rainbow 3s infinite;
}*/
#table{
    margin: 0 auto;background-color: rgb(12, 115, 41);
}
#card{
margin: 5%;

}
#info{
        margin: 0 auto;
}
#table td{
    text-align: center;
}
#comment{
    text-align: center;
    margin: 0 auto;
    font-size: 30px;
}
#comment2{
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
}

@keyframes rainbow{
    12%{background-color:#ff5353;}
    24%{background-color:#ffcf53;}
    36%{background-color:#e8ff53;}
    48%{background-color:#53ff5d;}
    60%{background-color:#53ffbc;}
    72%{background-color:#5393ff;}
    84%{background-color:#ca53ff;}
    100%{background-color:#ff53bd;}
}
@-webkit-keyframes rainbow{
    12%{background-color:#ff5353;}
    24%{background-color:#ffcf53;}
    36%{background-color:#e8ff53;}
    48%{background-color:#53ff5d;}
    60%{background-color:#53ffbc;}
    72%{background-color:#5393ff;}
    84%{background-color:#ca53ff;}
    100%{background-color:#ff53bd;}
}