76 lines
978 B
SCSS
76 lines
978 B
SCSS
/* Style inspiration and settings adapted from https://github.com/jgthms/web-design-in-4-minutes*/
|
|
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap');
|
|
|
|
/* Base */
|
|
html {
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* 01 Font family */
|
|
|
|
body {
|
|
font-family: "IBM Plex Mono", "Courier New", monospace;
|
|
}
|
|
|
|
/* 03 Spacing */
|
|
|
|
|
|
.padded {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.main-content {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
div.main-content h2 {
|
|
padding-top: 15px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
header h1, h5 {
|
|
display: inline;
|
|
}
|
|
|
|
/* 04 Color and contrast */
|
|
|
|
body {
|
|
color: #F8FDDD;
|
|
background-color: #3D2200;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
strong {
|
|
color: #dcdede;
|
|
}
|
|
|
|
header h5 {
|
|
font-weight: lighter;
|
|
}
|
|
|
|
/* 05 Balance */
|
|
|
|
code {
|
|
padding: 2px 4px;
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
/* 06 Primary color */
|
|
|
|
a {
|
|
color: #ff851b;
|
|
}
|
|
|
|
/* 07 Secondary colors */
|
|
|
|
h1,
|
|
h2,
|
|
strong {
|
|
font-weight: 500;
|
|
}
|