<!-- A partial to be overwritten by the user. Its content will appear before the closing </head>-tag --> <!-- Custom CSS via inline styles You may use this template to add custom CSS to your site like so: --> <!-- <style> /* Links */ a:hover { color: #b6b84c; } /* Header Buttons on Startpage */ a.btn { color: white; background-color: #ced067; } a.btn:hover { background-color: #b6b84c; } /* Scroll Menu on Startpage */ a.fn-item.active { color: #b6b84c; } a.fn-item:hover { color: #ced067; } /* Content / Sections */ .post-holder.odd { background: #B80135; color: white; } .post-holder { background: #f2efe8; } body { color: #3A4145; } /* Footer */ .site-footer { color: #BBC7CC; background-color: #22343A; } </style> --> <!-- Custom CSS via "custom.css"-file If you would rather place your custom CSS into a separate file, create a "custom.css" in your local "static/css"-directory. Then add a <link>-tag referencing your "custom.css" like so: --> <!-- <link rel="stylesheet" href='{{ "css/custom.css" | absURL }}'> --> <!-- Custom CSS: Color Codes You may checkout https://htmlcolorcodes.com/ to get those weird color codes (like "#22343A") ;-). --> <!-- Custom link-tags for different icons Generated via https://favicon.io/favicon-generator/ -->