html { 
    font-size: 62.5%;     
    background: radial-gradient(circle, rgba(47,62,109,1) 0%, rgb(50, 50, 154) 50%, rgba(47,62,109,1) 100%);     
    animation: gradientAnimation 25s ease infinite;
    height: 100vh;
}

/* Custom Scrollbar Styles */
::-webkit-scrollbar {
    width: 14px;
}

::-webkit-scrollbar-track {
    background: rgba(47,62,109,0.3);
}

::-webkit-scrollbar-thumb {
    background: rgb(89, 89, 212);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(47,62,109,1);
}

/* Firefox Scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: rgb(93, 93, 208) rgba(47,62,109,0.3);
}

@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.flex { display: flex; }

.grid { display: grid; }

.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }

.none { display: none; }

.flex-col {flex-direction: column;}

.font-mont {font-family: 'Montserrat';}

.font-mangoli { font-family: mangoli; }

.items-center { align-items: center;}

.content-center { justify-content: center;}

.w-min-content {width: min-content;}

.w-max-content { width: max-content; }

.h-min-content { height: min-content; }

.w-half { width: 50%; }

.w-full {width: 100%;}

.h-full { height: 100%; }

.h-100vh { height: 100vh; }

.gap-x-1rem { column-gap: 1rem; }

.gap-x-2rem { column-gap: 2rem; }

.gap-x-4rem { column-gap: 4rem; }

.gap-x-5rem { column-gap: 5rem; }

.gap-y-1rem { row-gap: 1rem; }

.gap-y-2rem { row-gap: 2rem; }

.text-center {text-align: center;}

.pointer {cursor: pointer;}

.bold {font-weight: bold;}

.bold-500 { font-weight: 500; }

.underline { text-decoration: underline; }

.text-1rem { font-size: 1rem; }

.text-1p1rem { font-size: 1.1rem; }

.text-1p2rem { font-size: 1.2rem; }

.text-1p3rem { font-size: 1.3rem; }

.text-1p4rem { font-size: 1.4rem; }

.text-1p5rem { font-size: 1.5rem; }

.text-1p6rem { font-size: 1.6rem; }

.text-1p7rem { font-size: 1.7rem; }

.text-1p8rem { font-size: 1.8rem; }

.text-1p9rem { font-size: 1.9rem; }

.text-2rem { font-size: 2rem; }

.text-3rem { font-size: 3rem;}

.text-4rem { font-size: 4rem;}

.text-5rem { font-size: 5rem; }

.text-7rem { font-size: 7rem; }

.mt-0p5rem { margin-top: 0.5rem; }

.mt-1rem { margin-top: 1rem; }
.mt-2rem { margin-top: 2rem; }
.mt-3rem { margin-top: 3rem; }
.mt-4rem { margin-top: 4rem; }
.mt-5rem { margin-top: 5rem; }
.mt-7rem { margin-top: 7rem; }

.ml-0p5rem { margin-left: 0.5rem; }

.ml-1rem { margin-left: 1rem; }
.ml-2rem { margin-left: 2rem; }
.ml-3rem { margin-left: 3rem; }
.ml-4rem { margin-left: 4rem; }
.ml-5rem { margin-left: 5rem; }
.ml-7rem { margin-left: 7rem; }

.br-1rem { border-radius: 1rem; }

.trans-300 { transition: 300ms; }

.white { color: white; }

.gray-2b { color: #2b2b2b }

.select-none { user-select: none; }