@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");:root{--text-size-small:16px;--text-size:18px;--small-margin:20px;--default-margin:40px;--font-serif:"Cormorant";--font-sans-serif:"Manrope"}.fullpage{max-width:500px;margin:auto;background:#fff}.headerRegion{display:grid;grid-template-rows:auto auto;position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#fff}.navbarContent{display:flex;justify-content:center;align-items:center;gap:var(--default-margin);background:#fff;font-family:var(--font-serif)}.navbar a{--c:#000;color:#0000;background:linear-gradient(90deg,#000 50%,var(--c) 0) calc(100% - var(--_p,0%))/200%,linear-gradient(var(--c) 0 0) 0 100%/var(--_p,0) no-repeat,var(--_c,#0000);-webkit-background-clip:text,padding-box,padding-box;background-clip:text,padding-box,padding-box;transition:.5s;border-radius:.2rem;padding:.2rem}.navbar a:hover{color:#fff;--_p:100%}.header{height:auto;text-align:center}.header h1{font-size:calc(3 * var(--text-size));font-family:var(--font-serif);font-weight:400}.detail{text-align:left;margin-left:var(--default-margin);margin-right:var(--default-margin);font-size:var(--text-size)}.detail-header{font-family:var(--font-sans-serif)}.detail-info{color:#a9a9a9;font-size:var(--text-size-small);font-family:var(--font-serif)}.timeline{text-align:left;margin-left:var(--default-margin);margin-right:var(--default-margin)}.timelinePost{font-family:var(--font-serif);background:#faf9f6;padding:var(--small-margin);margin-bottom:var(--default-margin);border-radius:.5rem;font-size:var(--text-size)}.timelinePost a{--c:#000;font-weight:700;color:#0000;background:linear-gradient(90deg,#000 50%,var(--c) 0) calc(100% - var(--_p,0%))/200%,linear-gradient(var(--c) 0 0) 0 100%/var(--_p,0) no-repeat,var(--_c,#0000);-webkit-background-clip:text,padding-box,padding-box;background-clip:text,padding-box,padding-box;transition:.5s;border-radius:.2rem;padding:.2rem}.timelinePost a:hover{color:#fff;--_p:100%}.postDate{font-family:var(--font-sans-serif);color:#a9a9a9;font-size:calc(.75 * var(--text-size))}.keywords{height:auto;background:#fff;justify-content:center;align-items:center;margin-bottom:var(--default-margin);margin-left:var(--default-margin);margin-right:var(--default-margin);flex-wrap:wrap}.keywords,.keywords-post{display:flex;gap:var(--small-margin);font-family:var(--font-sans-serif)}.keywords-post{justify-content:right}.keyword{background:#d3d3d3;border-radius:.2rem;border:thin solid #d3d3d3}.keyword,.usedKeyword{color:#fff;padding:.2rem;cursor:pointer;font-size:calc(.75 * var(--text-size))}.usedKeyword{background:#000;border-radius:.2rem;border-style:solid;border-color:#000}a{text-decoration:none}a,a:visited{color:#000}.suggestion-header{font-family:var(--font-sans-serif);font-size:var(--text-size)}.suggestion-text{font-family:var(--font-serif);font-size:var(--text-size)}.suggestion a{--c:#000;color:#0000;background:linear-gradient(90deg,#000 50%,var(--c) 0) calc(100% - var(--_p,0%))/200%,linear-gradient(var(--c) 0 0) 0 100%/var(--_p,0) no-repeat,var(--_c,#0000);-webkit-background-clip:text,padding-box,padding-box;background-clip:text,padding-box,padding-box;transition:.5s;border-radius:.2rem;padding:.2rem}.suggestion a:hover{color:#fff;--_p:100%}.mixes{margin-left:var(--default-margin);margin-right:var(--default-margin)}.links,.mixes{text-align:center}.links{margin-bottom:calc(var(--default-margin));margin-top:calc(3*var(--default-margin))}.links img{filter:saturate(500%) contrast(800%) brightness(500%) invert(0)}.link{margin:10px;width:16px;height:16px}.linkIcon{width:24px;height:auto}.menuButton{display:none}@media only screen and (max-width:600px){.headerRegion{grid-template-rows:auto;grid-template-columns:min-content auto;align-items:center;margin-left:var(--default-margin);margin-right:var(--default-margin)}.header{text-align:right}.menuButton{display:inline-block;background:none;border:none;-webkit-transition:transform .2s ease-in-out}.menuButton:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.navbarContent{display:none;position:absolute;gap:0;z-index:100;font-family:var(--font-serif);height:auto;background:#fff;border:solid;border-color:gray;border-width:2px;align-items:start;justify-content:left;flex-direction:column;shadow-color:#d3d3d3;padding:.5em;-webkit-transition:transform .1s ease-in-out}.navbar:hover .navbarContent{display:flex;z-index:100}.navbar:hover .menuButton{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.keywords{justify-content:left}}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#eee;background:#2f2f2f;border-radius:10px;font-family:Roboto Mono,monospace;font-size:.9em;line-height:1.5em;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#363636}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}pre[class*=language-]{overflow:auto;position:relative;margin:.5em 0;padding:1.25em 1em}.language-css>code,.language-sass>code,.language-scss>code{color:#fd9170}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#c792ea}.token.attr-name{color:#ffcb6b}.token.attr-value,.token.attribute{color:#a5e844}.token.boolean{color:#c792ea}.token.builtin{color:#ffcb6b}.token.cdata,.token.char{color:#80cbc4}.token.class{color:#ffcb6b}.token.class-name{color:#f2ff00}.token.comment{color:#616161}.token.constant{color:#c792ea}.token.deleted{color:#f66}.token.doctype{color:#616161}.token.entity{color:#f66}.token.function{color:#c792ea}.token.hexcode{color:#f2ff00}.token.id,.token.important{color:#c792ea;font-weight:700}.token.inserted{color:#80cbc4}.token.keyword{color:#c792ea}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#616161}.token.property{color:#80cbc4}.token.pseudo-class,.token.pseudo-element{color:#a5e844}.token.punctuation{color:#89ddff}.token.regex{color:#f2ff00}.token.selector{color:#f66}.token.string{color:#a5e844}.token.symbol{color:#c792ea}.token.tag{color:#f66}.token.unit{color:#fd9170}.token.url,.token.variable{color:#f66}