@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap";@layer base{:root{--sizes-xxs: 00.5rem;--sizes-xs: .75rem;--sizes-sm: .875rem;--sizes-base: 1rem;--sizes-lg: 1.125rem;--sizes-xl: 1.25rem;--sizes-2xl: 1.5rem;--sizes-3xl: 1.875rem;--sizes-4xl: 2.25rem;--sizes-5xl: 3rem;--sizes-6xl: 3.75rem;--sizes-7xl: 4.5rem;--sizes-8xl: 6rem;--sizes-9xl: 8rem;--sizes-10xl: 10rem}.dark-theme{--bg-color: #031525;--text-color: #d3e3fd;--section-bg: #1b3a57;--card-footer-bg: #112537;--navbar-bg: #7cacf8;--navbar-color: #041e49}.light-theme{--bg-color: #fbfefb;--text-color: #041e49;--section-bg: #d3e3fd;--card-footer-bg: #d3e3fd;--navbar-bg: rgb(124 172 248 / 100%);--navbar-color: #041e49}*{margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Noto Sans,sans-serif;font-size:var(--sizes-lg);background-color:var(--bg-color);color:var(--text-color);max-width:736px;margin:0 auto;height:100vh}strong{color:var(--text-strong)}h1{font-size:var(--sizes-3xl)}h2{font-size:var(--sizes-xl)}h3{font-size:var(--sizes-lg)}h1,h2,h3{text-wrap:pretty;margin-top:1.25rem;margin-bottom:1.25rem}i{font-size:var(--sizes-sm);color:var(--text-italic)}p{font-size:var(--sizes-lg)}a{color:var(--text-color)}a:hover{opacity:75%}.active-link{color:red!important}svg{fill:var(--text-color);width:24px;height:24px}header ul li svg{fill:var(--navbar-color)}svg:hover{opacity:75%}}@layer markdown{markdown p{margin-bottom:20px;text-wrap:pretty}markdown ul,ol{list-style-position:inside;margin-bottom:20px}markdown img{width:100%;height:auto;margin-bottom:20px}markdown table{width:100%;border-collapse:collapse;margin-bottom:20px;margin-top:20px}markdown tr{border:var(--text-color) 1px solid}markdown td{padding:10px}}@layer utils{.flex{display:flex;gap:1.125rem;flex-wrap:wrap}.sticky{position:sticky;top:5px}header{width:100%;z-index:50}section{background-color:var(--section-bg);border-radius:15px;padding:1.5rem;margin-top:4rem}header section{margin-top:0}footer{margin-top:1.5rem}.icons{display:flex;justify-content:center;align-items:center;fill:var(--navbar-color);gap:1rem;width:24px;height:24px}.rotate-xs{transition:all .2s ease-out}.rotate-xs:after{rotate:40deg}.rotate-xs:hover{rotate:10deg}.rotate-xs-reversed:hover{rotate:-10deg}}@layer querys{@media (min-width: 475px){section{padding:2.5rem}h1{font-size:var(--sizes-5xl)}h2{font-size:var(--sizes-3xl)}h3{font-size:var(--sizes-xl)}}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.command-line-prompt{border-right:1px solid #999;display:block;float:left;font-size:100%;letter-spacing:-1px;margin-right:1em;pointer-events:none;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.command-line-prompt>span:before{opacity:.7;content:" ";display:block;padding-right:.8em}.command-line-prompt>span[data-user]:before{content:"[" attr(data-user) "@" attr(data-host) "] $"}.command-line-prompt>span[data-user=root]:before{content:"[" attr(data-user) "@" attr(data-host) "] #"}.command-line-prompt>span[data-prompt]:before{content:attr(data-prompt)}.command-line-prompt>span[data-continuation-prompt]:before{content:attr(data-continuation-prompt)}.command-line span.token.output{opacity:.7}