nova-web/static/css/base.css

96 lines
1.5 KiB
CSS

@import url("https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap");
html {
scroll-behavior: smooth;
}
body {
background-color: #03060d;
}
nav, main, footer {
max-width: 800px;
margin: 0 auto;
}
*, *::before, *::after {
box-sizing: border-box;
border: none;
color: #f3f3f3;
font-family: "Inter", sans-serif;
}
a {
text-decoration: none;
}
h1, h1 *, h2, h2 *, h3, h3 * {
font-weight: 700;
line-height: 3rem;
font-family: "Syne", sans-serif;
}
h3, h3 * {
line-height: 1.5rem;
}
main a {
text-decoration: underline;
text-decoration-color: #b53d61;
text-underline-offset: 2px;
text-decoration-thickness: 5px;
transition: 0.2s;
}
main a:hover {
background: rgba(247, 154, 182, 0.1411764706);
}
main p {
opacity: 0.9;
}
img {
display: block;
max-width: 100%;
}
mark {
color: #f3f3f3;
background: #b53d61;
padding: 5px 7px;
border-radius: 5px;
}
blockquote {
margin-left: 0;
padding: 0.6rem 1rem;
border-left: 5px solid #28aaf0;
opacity: 0.8;
background: #252a38;
}
blockquote.warning {
border-left-color: #f09928;
}
code {
font-family: "Courier New", Courier, monospace;
}
p, p *, main ul {
line-height: 32px;
}
:focus:not(:focus-visible) {
outline: none;
}
.special-gradient {
background: linear-gradient(83deg, rgb(244, 90, 136) 7%, rgb(40, 170, 240) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 900px) {
body {
margin: 0 2rem;
}
}/*# sourceMappingURL=base.css.map */