From a3ace459ad663f9fd01624320e7c0ec7a132cdce Mon Sep 17 00:00:00 2001 From: mm Date: Tue, 29 Aug 2023 14:44:14 +0200 Subject: First commit --- beauty.scss | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100755 beauty.scss (limited to 'beauty.scss') diff --git a/beauty.scss b/beauty.scss new file mode 100755 index 0000000..c226454 --- /dev/null +++ b/beauty.scss @@ -0,0 +1,58 @@ +/// Rather than writing an asslong stylesheet for every page, the parent style is defined here and then just reads a pagestle SCSS sheet +@use 'page'; + +// And here's the stylesheet for all used fonts: +@use 'fonts'; + +// The SCSS stylesheet for my good old website twoexem.com +// The license is included in the file LICENSE.txt +// If you did not receive a copy of the license with this file, you may download it under https://mit-license.org/ +// Copyright © 2023 Milan Mišić (eMail: fridolin.411@web.de) + +html { + height: 100vh; +} + +body { + // Body styling section, gives everything a good look + text-align: center; + justify-content: center; + width: 90%; + max-width: auto; + margin: 2em auto; + font: 18px 'Prompt'; + letter-spacing: -1px; + background-image: url("resources/bg.jpg"); + background-repeat: no-repeat; + background-position: top center; + background-size: cover; + background-attachment: fixed; + + // Link styling section + a:link { + color: silver; + } + a:visited { + color: aqua; + } + a:hover { + color: white; + } +} + +/*main { + border: transparent solid 10px; + border-radius: 5px; + padding: 3px; + backdrop-filter: blur(5px) brightness(80%); +}*/ + +// Aligns the heading text in the center +header { + text-align: center; + + .subheader { + font-style: italic; + font-size: 25px; + } +} -- cgit v1.2.3