61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
@import 'tailwindcss';
|
|
|
|
@theme {
|
|
--font-sans:
|
|
'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
|
|
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
}
|
|
|
|
html,
|
|
body {
|
|
@apply bg-white dark:bg-gray-950;
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
color-scheme: dark;
|
|
}
|
|
}
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family:
|
|
'Inter',
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
'Segoe UI',
|
|
'Roboto',
|
|
sans-serif;
|
|
background: #050509;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100vh;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
}
|
|
|
|
model-viewer {
|
|
width: 100%;
|
|
height: 500px;
|
|
background: linear-gradient(to bottom, #e0e7ff, #f3f4f6);
|
|
border-radius: 16px;
|
|
box-shadow:
|
|
0 20px 25px -5px rgba(0, 0, 0, 0.1),
|
|
0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
position: relative;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
model-viewer {
|
|
height: 400px;
|
|
}
|
|
}
|
|
::placeholder {
|
|
color: rgb(156 163 175); /* gray-400 */
|
|
opacity: 1;
|
|
}
|