dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

/* The Colors */
.FatButtonLBlue {
    background: #639eff;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: black;
}
 
.FatButtonRBlue {
    background: #0000ff;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonRRed {
    background: #ff0000;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonLRed {
    background: #ff3a3a;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonBlack {
    background: #000000;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonLGreen {
    background: #a2b25b;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: black;
}
 
.FatButtonRGreen {
    background: #4d5624;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonRPink {
    background: #bc0074;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonLPink {
    background: #ff498f;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonYellow {
    background: #ffe200;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
/* The Hovering Colors */
.FatButtonLBlue:hover {
    background: #639edd;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: black;
}
 
.FatButtonRBlue:hover {
    background: #0000dd;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonRRed:hover {
    background: #dd0000;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonLRed:hover {
    background: #dd3a3a;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonBlack:hover {
    background: #1e1e1e;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonLGreen:hover {
    background: #8d9b4f;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: black;
}
 
.FatButtonRGreen:hover {
    background: #363d19;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonRPink:hover {
    background: #9e0061;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonLPink:hover {
    background: #d63b77;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}
 
.FatButtonYellow:hover {
    background: #ceaf00;
    border-radius: 10px;
    padding: 5px;
    font-size: 15pt;
    color: white;
}