88 lines
1.6 KiB
CSS
88 lines
1.6 KiB
CSS
/* Font stuff */
|
|
@import url('https://fonts.googleapis.com/css?family=Abel:700|Abel:400');
|
|
body {
|
|
font-family: 'Abel';
|
|
font-weight: 400;
|
|
}
|
|
h1, h2, h3, h4, h5 {
|
|
font-family: 'Abel';
|
|
font-weight: 700;
|
|
}
|
|
html {font-size: 100%;} /* 16px */
|
|
h1 {font-size: 4.210rem; /* 67.36px */}
|
|
h2 {font-size: 3.158rem; /* 50.56px */}
|
|
h3 {font-size: 2.369rem; /* 37.92px */}
|
|
h4 {font-size: 1.777rem; /* 28.48px */}
|
|
h5 {font-size: 1.333rem; /* 21.28px */}
|
|
small {font-size: 0.750rem; /* 12px */}
|
|
|
|
/* Colour Scheme stuff
|
|
:root[data-theme="light"] {
|
|
--text: #070808;
|
|
--background: #f7f8f8;
|
|
--primary: #aeb4bc;
|
|
--secondary: #dcd5d5;
|
|
--accent: #7d7468;
|
|
}
|
|
:root[data-theme="dark"] {
|
|
--text: #f7f8f8;
|
|
--background: #070808;
|
|
--primary: #434951;
|
|
--secondary: #2a2323;
|
|
--accent: #978e82;
|
|
}*/
|
|
:root {
|
|
/*color-scheme: light dark;*/
|
|
--text: #f7f8f8;
|
|
--background: #070808;
|
|
--primary: #434951;
|
|
--secondary: #2a2323;
|
|
--accent: #978e82;
|
|
--paper: #181b1b;
|
|
}
|
|
|
|
/* Custom CSS */
|
|
body {
|
|
color-scheme: dark;
|
|
background-color: var(--background);
|
|
accent-color: var(--accent);
|
|
caret-color: var(--text);
|
|
color: var(--text);
|
|
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
a:link, a:active{
|
|
color: var(--primary);
|
|
}
|
|
a:hover {
|
|
color: var(--secondary);
|
|
}
|
|
a:visited {
|
|
color: var(--accent);
|
|
}
|
|
|
|
.homepage-header {
|
|
background-color: var(--paper);
|
|
padding: 2rem;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1000px;
|
|
min-width: 800px;
|
|
padding: 10px;
|
|
background-color: var(--paper);
|
|
margin: 10px auto;
|
|
}
|
|
|
|
.flex-wrap-container .container {
|
|
max-width: 800px;
|
|
}
|
|
|
|
.flex-wrap-container {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|