h1 {
    color: black;
    font-size: 30px;
    padding-top: 10px;
}
h1:hover{
    color: rgb(255, 0, 0);
    font-size: 40px;
    background-color: rgb(162, 17, 17);
    
}
h2 {
    color: black;
    font-size: 30px;
    padding-top: 10px;
}
h2:hover{
    color: rgb(255, 136, 0);
    font-size: 40px;
    background-color: rgb(204, 133, 0);
}

h3 {
    color: black;
    font-size: 30px;
    padding-top: 10px;
}
h3:hover{
    color: rgb(255, 251, 0);
    font-size: 40px;
    background-color: rgb(179, 179, 0);
}
h4 {
    color: black;
    font-size: 30px;
    padding-top: 10px;
}
h4:hover{
    color: rgb(0, 255, 4);
    font-size: 40px;
    background-color: rgb(0, 167, 0);
}

h5 {
    color: black;
    font-size: 30px;
}
h5:hover{
    color: rgb(0, 136, 255);
    font-size: 40px;
    background-color: rgb(0, 53, 133);
}
h6 {
    color: black;
    font-size: 30px;
    
}
h6:hover{
    color: rgb(174, 0, 255);
    font-size: 40px;
    background-color: rgb(85, 0, 165);
}

.color {
    font-size: 50px;
}