@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
@import "tailwindcss";
html {
scroll-behavior: smooth;
}
::selection {
background: rgba(120, 113, 108, 0.2);
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: -0.01em;
overflow-x: hidden;
width: 100%;
}
img {
max-width: 100%;
height: auto;
}
h1, h2, h3 {
letter-spacing: -0.02em;
}
code, pre {
font-family: 'JetBrains Mono', 'SF Mono', Menlo, Monaco, Consolas, monospace;
font-size: 0.9em;
letter-spacing: 0;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #d6d3d1;
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: #a8a29e;
}