website/src/assets/style.css

65 lines
1.4 KiB
CSS

@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;
}