83 lines
1.6 KiB
CSS
83 lines
1.6 KiB
CSS
/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap'); */
|
|
/* black, bold, regular */
|
|
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
/* .hero * {
|
|
transition: color .2s, background-color .2s;
|
|
} */
|
|
@layer utilities {
|
|
.scroll-snap-none {
|
|
scroll-snap-type: none;
|
|
}
|
|
.scroll-snap-x {
|
|
scroll-snap-type: x mandatory;
|
|
}
|
|
.scroll-snap-y {
|
|
scroll-snap-type: y mandatory;
|
|
}
|
|
.scroll-snap-start {
|
|
scroll-snap-align: start;
|
|
}
|
|
.scroll-padding-6 {
|
|
scroll-padding: theme("spacing.6");
|
|
}
|
|
.cursor-zoom-in {
|
|
cursor: -webkit-zoom-in;
|
|
cursor: zoom-in;
|
|
}
|
|
.cursor-zoom-out {
|
|
cursor: -webkit-zoom-out;
|
|
cursor: zoom-out;
|
|
}
|
|
@supports (backdrop-filter: none) {
|
|
.blurred-or-opaque-bg-1 {
|
|
@apply bg-opacity-50 backdrop-filter backdrop-blur-lg;
|
|
}
|
|
.blurred-or-opaque-bg-2 {
|
|
@apply bg-opacity-60 backdrop-filter backdrop-blur;
|
|
}
|
|
}
|
|
@supports not (backdrop-filter: none) {
|
|
.blurred-or-opaque-bg-1 {
|
|
@apply bg-opacity-60;
|
|
}
|
|
.blurred-or-opaque-bg-2 {
|
|
@apply bg-opacity-70;
|
|
}
|
|
}
|
|
@variants responsive {
|
|
.h-two-thirds-vw {
|
|
height: 67vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
body {
|
|
@apply bg-gray-100;
|
|
/* @apply bg-black; */
|
|
/* @apply text-white; */
|
|
}
|
|
|
|
h1 {
|
|
@apply text-2xl;
|
|
}
|
|
h2 {
|
|
@apply text-xl;
|
|
}
|
|
h3 {
|
|
@apply text-lg;
|
|
}
|
|
a {
|
|
@apply text-blue-600;
|
|
}
|
|
|
|
kbd {
|
|
@apply bg-gray-300 text-black border border-gray-700 rounded p-1;
|
|
} |