From 0e8f7bfd1e72014dc6798170ffa9538e4b0d1f57 Mon Sep 17 00:00:00 2001 From: Suraj B M <100959814+silicoflare@users.noreply.github.com> Date: Fri, 8 Sep 2023 13:39:44 +0530 Subject: [PATCH] Create styles.css --- pesu_notes/styles.css | 115 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 115 insertions(+) create mode 100644 pesu_notes/styles.css diff --git a/pesu_notes/styles.css b/pesu_notes/styles.css new file mode 100644 index 0000000..0fe5f24 --- /dev/null +++ b/pesu_notes/styles.css @@ -0,0 +1,115 @@ +@import "https://www.nerdfonts.com/assets/css/webfont.css"; + +@font-face { + font-family: 'Noto Math'; + src: url('noto-math.ttf'); +} + +@font-face { + font-family: 'SilicoHand'; + src: url('silicohand.ttf'); +} + +@font-face { + font-family: 'Hurmit'; + src: url('hurmit.otf'); +} + +.stackedit__html { + max-width: 900px; +} + +body { + background-color: #FFFFFF; + color: #000; + font-family: 'Poppins', sans-serif; +} + +/* color: #FFC000; */ + +h1 { + background-color: #313C71; + text-align: center; + vertical-align: middle; + color: white; + padding: 15px; + text-decoration: none; + border: 0px; + font-family: 'SilicoHand'; +/* text-transform: uppercase; */ +} + +h1::after { + border-bottom: none; +} + +h2 { + color: #313C71; + text-transform: uppercase; +} + +h2::after { + border-bottom: 1px solid #313C71; +} + +h3 { + color: #EF7F1A; +} + +span.katex-html { + color: #0A2342; + /* font-weight: bolder; */ + font-family: 'Noto Math'; +} + +.katex--inline { + color: #0A2342; + /* font-weight: bolder; */ + font-family: 'Noto Math'; +} + +div.logo { + text-align: right; + font-size: 30px; + font-family: 'SilicoHand'; +} + +.silicoflare { + font-family: 'SilicoHand'; +} + +.silicoflare::before { + content: "Suraj"; + color: #7F00FF; +} + +.silicoflare::after { + content: " B M"; + color: #FF4500; +} + +.sif-font-silicohand { + font-family: 'SilicoHand'; +} + +.sif-text-orange { + color: #FF4500; +} + +.sif-text-purple { + color: #7F00FF; +} + +code { + font-family: "Hurmit"; +} + +.token { + font-family: "Hurmit"; +} + +.img { + display: flex; + justify-content: center; + width: auto; +}