80 lines
No EOL
1.5 KiB
SCSS
80 lines
No EOL
1.5 KiB
SCSS
// @import url("reset.scss");
|
|
|
|
// @import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap");
|
|
@import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@400..800&display=swap');
|
|
|
|
:root {
|
|
--bg: #351d3a;
|
|
--fg: white;
|
|
|
|
--accent: #e17ff5;
|
|
--accent-dark: #630063;
|
|
|
|
--max-width: 70rem;
|
|
}
|
|
|
|
body{
|
|
background-color: var(--bg);
|
|
color: var(--fg);
|
|
font-family: "Baloo Chettan 2";
|
|
}
|
|
|
|
hr {
|
|
width: 100%;
|
|
height: 0px;
|
|
border: 5px var(--accent);
|
|
border-style: dotted none none none;
|
|
max-width: var(--max-width);
|
|
}
|
|
|
|
// html {
|
|
// scroll-behavior: smooth;
|
|
// }
|
|
|
|
// body {
|
|
// background-color: var(--bg);
|
|
// color: var(--fg);
|
|
// display: flex;
|
|
// flex-direction: column;
|
|
// // font-family: Comfortaa;
|
|
// font-family: "Baloo Chettan 2";
|
|
// height: 100dvh;
|
|
// overflow-x: hidden;
|
|
// overflow-y: scroll;
|
|
// width: 100dvw;
|
|
// transition-property: background-color, color;
|
|
// transition-duration: 250ms;
|
|
// }
|
|
// @media (prefers-color-scheme: light) {
|
|
// body {
|
|
// background-color: var(--fg);
|
|
// color: var(--bg);
|
|
// }
|
|
// }
|
|
|
|
a {
|
|
color: var(--accent);
|
|
transition-duration: 200ms;
|
|
|
|
&:hover {
|
|
filter: brightness(115%);
|
|
}
|
|
}
|
|
|
|
// ::-webkit-scrollbar {
|
|
// width: 5px;
|
|
// }
|
|
|
|
// ::-webkit-scrollbar-track {
|
|
// background-color: var(--accent-dark);
|
|
// border-radius: 10px;
|
|
// }
|
|
|
|
// ::-webkit-scrollbar-thumb {
|
|
// background: white;
|
|
// border-radius: 10px;
|
|
|
|
// &:hover {
|
|
// background: var(--accent);
|
|
// }
|
|
// } |