h1 {
    font-size : 1.4rem;
    font-weight : bold;
}


h2 {
    font-size : 1.3rem;
    font-weight : bold;
}

h3 {
    font-size : 1.2rem;
    font-weight : bold;
    border-bottom: solid 2px #000
}



.cardSkill {
    background: linear-gradient(to right, silver, lightgray);
    
    font-weight: bold;
}
.cardSpecialSkill {
    background: linear-gradient(to right, lightcyan, lightcyan,  deepskyblue, violet, pink);
    
    font-weight: bold;
}


.cardFactorStatus {
    background: linear-gradient(to right, #00bfff, lightskyblue);
    color: white;
    font-weight: bold;
}

.cardFactorAppropriate {
    background: linear-gradient(to right, hotpink, pink);
    color: white;
    font-weight: bold;
}

.cardFactorSpecialSkill {
    background: linear-gradient(to right,darkolivegreen, yellowgreen);
    color: white;
    font-weight: bold;
}

.cardFactorNormal {
    background: linear-gradient(to right, silver, lightgray);
    font-weight: bold;
}
.cardFactorSuperSkill {
    background: linear-gradient(to right, orange, yellow);
    // color: white;
    font-weight: bold;
}

.cardUmamusume {
    background: linear-gradient(to right, deeppink, hotpink);
    font-weight: bold;
    color: white;
}


.link {
    color: #3490dc;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}

.link:hover {
    text-decoration:underline;
}