table {
    font-family: 'Courier New', Courier, monospace;
}

body {
    background-color: black;
}

button {
    color: blue;
    border-radius: 2px;
    border-color: aliceblue;
}

.orange-gradient {
    background: linear-gradient(45deg, #FFA500, #FF4500);
    /* orange to orange-red */
}

.gradient {
    background: linear-gradient(45deg, #8A2BE2, #1E90FF);
    /* blue violet to dodger blue */
}

#a:hover {
    /* Urdu */
    background: linear-gradient(45deg, #FF7F50, #FF4500);
    /* coral to orange-red */
}

#b:hover {
    /* Counter */
    background: linear-gradient(45deg, #20B2AA, #00CED1);
    /* light sea green to dark turquoise */
}

#c:hover {
    background: linear-gradient(45deg, #00BFFF, #32CD32);
    /* deep sky blue to lime green */
}

#d:hover {
    background: linear-gradient(45deg, #FFD700, #FF6347);
    /* gold to tomato */
}

#e:hover {
    background: linear-gradient(45deg, #FFA500, #FFD700, #FF4500);
    /* orange to gold to orange-red */
}

#f:hover {
    background: linear-gradient(45deg, #800080, #1E90FF);
    /* purple to dodger blue */
}

#ab {
    border-radius: 30%;
    transition: all 0.5s 1ms;
}

#ab:hover {
    /* transform: rotate(180deg) rotateY(360deg); */
    transform: scale(1.1, 1.1);
}

.sidebar {
    width: 200px;
    background-color: #333;
    border: none;
}