/*body{
    background:
radial-gradient(
circle,
#b88c4a 0%,
#7c5b46 60%,
#5a4030 100%
);
}*/
body{
    background:
    linear-gradient(
        to bottom,
        #d9b15d,
        #b36a1f,
        #7b2d0f,
        #2b1208
    );

    background-size:100% 150%;

    animation: fire 8s ease-in-out infinite;
}

@keyframes fire{

    0%{
        background-position:center top;
    }

    50%{
        background-position:center bottom;
    }

    100%{
        background-position:center top;
    }

}
table{
    margin: 0 auto;
    border:4px solid #d4af37;
}
caption{
    font-size:50px;
    font-family:"Shippori Mincho", serif;
    
    font-weight:bold;
    color:#d4af37;
    text-align:center;

}
h2{
    color:rgb(184, 169, 6);
    font-size:medium
}
h3{
    font-size:medium;
    color:rgb(200, 200, 200);
}
td:not(.profile-image) {
    background-color: #634133; 
    color: #f0e6d3;          
}
th, td {
    padding: 12px 20px;    
    border: 1px solid #5a3a2a;  
    font-size: 17px;
}
th, td{
    font-family:
        "Yu Mincho",
        "Hiragino Mincho ProN",
        "MS Mincho",
        serif;
}
th {
    background-color: #462210; 
    color: #c8a951;             
    text-align: left;          
    width: 150px;               
    font-weight: normal;      
    letter-spacing: 0.05em;
}
tr:hover th,tr:hover td:not(.profile-image){
    background-color:#704214;
}
/*img{
    border:4px solid #c8a951;
    padding:8px;
}*/

.profile-cell{
    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.3),
        #6b4a3a 70%
    );
}
profile-image{
    background: radial-gradient(
        circle,
        #c9a44c 0%,
        #8b654b 45%,
        #6a4b3a 100%
    );
}
/*td.profile-image{
    background: radial-gradient(
        circle at 50% 35%,
        #f0d080 0%,
        #c9a44c 15%,
        #8b654b 40%,
        #6a4b3a 100%
    );
    box-shadow:
        inset 0 0 80px rgba(240,208,128,0.5);
}*/
td.profile-image{
    background:
    radial-gradient(
        circle at 50% 35%,
        #fff3c0 0%,
        #e6c76a 10%,
        #b88c4a 25%,
        #7c5b46 60%,
        #5a4030 100%
    );
}
td.profile-image{
    animation: aura 6s ease-in-out infinite;
}

@keyframes aura{
    0%{
        filter:brightness(1);
    }

    50%{
        filter:brightness(1.15);
    }

    100%{
        filter:brightness(1);
    }
}