@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.troplo-header {
    -webkit-font-smoothing: antialiased !important;
    background: linear-gradient(-45deg, #0179f3, #0190ea) !important;
    animation: gradient 15s ease infinite;
}
.troplo-header-title {
    -webkit-font-smoothing: antialiased !important;
    font-weight: 450;
    elevation: 0 !important;
    font-size: 15rem;
    font-style: italic;
    text-shadow: none !important;
    color: linear-gradient(#0179f3, #0190ea) !important;
    -webkit-background-clip: text;
}
.troplo-title {
    font-weight: 500;
    background: linear-gradient(#0179f3, #0190ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.theme--dark.v-sheet {
    background-color: #151515 !important;
    border-color: #151515 !important;
    color: #ffffff;
}
.card {
    overflow: hidden;
}
.theme--dark.v-card {
    background-color: #151515 !important;
}

/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: black #151515;
    font-family: "Inter", sans-serif !important;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #0e0e0e;
}

*::-webkit-scrollbar-thumb {
    background-color: #151515;
    border-radius: 20px;
    border: 3px solid #151515;
}