.a
{
    background-color: #9146FF; 
    border: 2px solid #9146FF;
    color: rgb(255, 255, 255);
}
.b
{
    background-color: #1185FE; 
    border: 2px solid #1185FE;
    color: rgb(255, 255, 255);
}
.c
{
    background-color: #00adef; 
    border: 2px solid #00adef;
    color: rgb(255, 255, 255);
}
.d
{
    background-color: #00aeef; 
    border: 2px solid #00aeef;
    color: rgb(255, 255, 255);
}
.e
{
    background-color: #f00; 
    border: 2px solid #f00;
    color: rgb(255, 255, 255);
}
.g
{
    background-color: #ff5f5f; 
    border: 2px solid #ff5f5f;
    color: rgb(255, 255, 255);
}
.h
{
    background-color: #FFE033; 
    border: 2px solid #FFE033;
    color: #4b461a;
}
.i
{
    background-color: #35465C; 
    border: 2px solid #35465C;
    color: #FFFFFF;
}

.normal
{
    background-color: #FF8100; 
    border: 2px solid #FF8100;
    color: rgb(255, 255, 255);
}
a.btn
{
    font-family: Roboto;
    font-weight: 500;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.3em;
    border-radius: 8px;
    margin: 5px;
    box-shadow: 0px 0px 8px #0004;

    transition: 0.5s;
}
a.btn:hover
{
    transition: 0.05s;
    /* transition: 0.05s; */
    background-color: #ffffff; 
    color: #151515;
    transform: translateY(1px);
    cursor: pointer;
    
}