80 lines
1.2 KiB
CSS
80 lines
1.2 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Space+Grotesk:wght@300..700&display=swap");
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
line-height: 1.5;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
img,
|
|
picture,
|
|
video,
|
|
canvas,
|
|
svg {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|
|
|
|
input,
|
|
button,
|
|
textarea,
|
|
select {
|
|
font: inherit;
|
|
}
|
|
|
|
p,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
#root,
|
|
#__next {
|
|
isolation: isolate;
|
|
}
|
|
|
|
/* Style each tag in an html */
|
|
/* describe to chatgpt what you want, good at css, or css reference */
|
|
/* font: sans-serif for headers, serif for paragraphs, mono for whatever */
|
|
body {
|
|
background: linear-gradient(to top right, #3b3561, rgb(191.3, 187.1, 217.9));
|
|
height: 100vh;
|
|
}
|
|
body .content {
|
|
margin: 10vh;
|
|
padding: 5vh;
|
|
align-items: center;
|
|
}
|
|
body .content .h1 {
|
|
font-family: "Lexend", serif;
|
|
}
|
|
body .content .img {
|
|
height: auto;
|
|
width: 35vh;
|
|
}
|
|
body .content .post-description {
|
|
font-family: "Space Grotesk", monospace;
|
|
}
|
|
body .content .post-content {
|
|
font-family: "Space Grotesk", monospace;
|
|
}
|
|
|
|
/*# sourceMappingURL=post.css.map */
|