@import url("https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"); @import url('https://fonts.googleapis.com/css2?family=Markazi+Text:wght@400..700&display=swap'); @import "articles.css"; @import "blog.css"; :root { --main-colour: #99f6ff; --lighter-colour: #929292; --bg-colour: #f9f8f5; --monospace-fonts: JetBrains Mono, Source Code Pro, Ubuntu Mono, monospace; } body { max-width: 980px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, Source Sans Pro, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Siyam Rupali, sans-serif; } html { background-color: var(--bg-colour); } hr { background-color: #ebe8dc; } .container { width: 80%; font-size: 1.2em; margin-bottom: 7rem; } @media (width <=900px) { .container { width: 90%; } } .index { margin-top: 10%; } .title { font-family: 'Markazi Text', serif; font-optical-sizing: auto; font-style: normal; font-size: xxx-large; } @media (width <=800px) { .title { font-size: xx-large; } } @media (width <=900px) { .about-avatar { width: 200px; } } .welcome-intro { margin-top: 4em; } .about-intro p:not(:first-child) { margin-top: 1em; } .about-followup p:not(:first-child) { margin-top: 1em; } .about-section { font-family: 'Markazi Text', serif; font-optical-sizing: auto; font-style: normal; font-size: xx-large; font-weight: bold; margin-bottom: 0; margin-top: 1.5rem; } .about-section+p { margin-top: 0; } p { margin-top: 2em; } p.mt1 { margin-top: 1em; } p.mt0 { margin-top: 0; } a { color: inherit; text-decoration: none; transition: background .3s cubic-bezier(.33, .66, .66, 1); border-bottom: 3px solid var(--main-colour); box-shadow: inset 0 -6px 0 var(--main-colour); overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; } hr { margin: 2em 0; } .image-link { border: 0; box-shadow: none; transition: none; } .image-link:hover { background-color: inherit; } a:hover { background-color: var(--main-colour); } li { margin-top: 1em; } .index-links { margin-top: 5em; font-size: 1.2em; text-align: center; } .avatar { text-align: center; } *::selection { background: #ffffb3; } .about-now { margin-top: 0; } .now-entry { padding: 1rem; margin-top: 2rem; background-color: white; } .previous-now-entry { margin-top: 1rem; } .now-entry p:first-child { margin-top: 0; } .now-written { font-size: 0.8em; font-style: italic; } .past-now .toggle { display: none; } .lbl-toggle { font-weight: bold; font-size: 0.9em; font-style: italic; cursor: pointer; border-radius: 7px; transition: all 0.25s ease-out; } .lbl-toggle::before { content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: 0.7rem; transform: translateY(-2px); transition: transform .2s ease-out; } .toggle:checked+.lbl-toggle::before { transform: rotate(90deg) translateX(-3px); } .collapsible-content { max-height: 0; overflow: hidden; transition: max-height .25s ease-in-out; } .toggle:checked+.lbl-toggle+.collapsible-content { max-height: 12000px; } .toggle:checked+.lbl-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .collapsible-content .content-inner { padding: .5rem 1rem; } .is-lighter-colour { color: var(--lighter-colour); } .theme-colour { font-weight: bold !important; text-decoration: none; transition: background .3s cubic-bezier(.33, .66, .66, 1); border-bottom: 3px solid #00dff5; box-shadow: inset 0 -6px 0 #00dff5; overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; } .closer-lines { line-height: 0.9em; } .header-links { margin-top: 5%; margin-bottom: 5%; } footer { margin-top: 7rem; } .copyright { text-align: center; font-size: 0.8rem; }