body {
    font-family: "IBM Plex Sans", sans-serif;
}

/*Loader Css*/
.loader {
    width: 24px; /* Adjust width as needed */
    height: 24px; /* Adjust height as needed */
    border: 4px solid rgba(255, 255, 255, 0.3); /* Lighter border */
    border-top: 4px solid rgba(255, 255, 255, 1); /* Solid border for rotation effect */
    border-radius: 24px; /* Rounded corners with 24px radius */
    animation: spin 1s linear infinite; /* Rotating animation */
    background-color: #3B82F6FF; /* Add purple background color */
}

/* Spinning animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.blog h1,h2,h3,h4,h5,h6 {
    color: rgb(2 6 23);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
}

.blog p,article {
    color: rgb(71 85 105);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.headings-list li.focus {
    background-color: rgb(248 250 252);
    border-radius: 1rem;
}

.headings-list li.focus {
    background-color: rgb(248 250 252);
    color: #3B82F6;
}

section#tool *::-webkit-scrollbar {
    width: 6px;
    cursor: context-menu;
}

section#tool *::-webkit-scrollbar-track {
    background-color:  white;
    border-radius: 100px;
    cursor: context-menu;
}

section#tool *::-webkit-scrollbar-thumb {
    background-color: rgb(241 245 249);
    border-radius: 100px;
    cursor: context-menu;
}