1 line
5.5 KiB
CSS
1 line
5.5 KiB
CSS
@import"https://unpkg.com/@catppuccin/palette/css/catppuccin.css";:root{--prj-bg: var(--ctp-macchiato-mantle);--prj-text: var(--ctp-macchiato-text);--prj-surface-1: var(--ctp-macchiato-base);--prj-surface-2: var(--ctp-macchiato-surface0);--prj-surface-3: var(--ctp-macchiato-surface1);--prj-surface-text: var(--ctp-macchiato-text);--prj-link-text: var(--ctp-macchiato-teal);--prj-accent-bg: var(--ctp-macchiato-teal);--prj-accent-text: var(--ctp-macchiato-base);--prj-primary: var(--ctp-macchiato-teal);--prj-primary-text: var(--ctp-macchiato-base);--prj-danger: var(--ctp-macchiato-red);--prj-danger-text: var(--ctp-macchiato-base);--prj-disabled: var(--ctp-macchiato-red);--prj-disabled-text: rgba(var(--ctp-macchiato-base-raw), .5);--prj-input: var(--ctp-macchiato-text);--prj-input-text: var(--ctp-macchiato-base)}:root{--prj-spacing-1: .25rem;--prj-spacing-2: .5rem;--prj-spacing-3: 1rem;--prj-spacing-4: 2rem;--prj-spacing-5: 3rem}.hstack{--prj-gap: var(--prj-spacing-3);display:flex;gap:var(--prj-gap);align-items:center}.vstack{--prj-gap: var(--prj-spacing-3);display:flex;flex-direction:column}.flex-grow{flex-grow:1}.grid{--prj-gap: var(--prj-spacing-3);--prj-columns: repeat(3, 1fr);display:grid;grid-template-columns:var(--prj-columns);gap:var(--prj-gap)}.grid-cols-1{--prj-columns: repeat(1, 1fr)}.grid-cols-2{--prj-columns: repeat(2, 1fr)}.grid-cols-3{--prj-columns: repeat(3, 1fr)}.grid-cols-4{--prj-columns: repeat(4, 1fr)}.grid-cols-5{--prj-columns: repeat(5, 1fr)}.grid-cols-6{--prj-columns: repeat(6, 1fr)}.grid-cols-7{--prj-columns: repeat(7, 1fr)}.grid-cols-8{--prj-columns: repeat(8, 1fr)}.grid-cols-9{--prj-columns: repeat(9, 1fr)}.grid-cols-10{--prj-columns: repeat(10, 1fr)}.grid-cols-11{--prj-columns: repeat(11, 1fr)}.grid-cols-12{--prj-columns: repeat(12, 1fr)}.gap-1{--prj-gap: var(--prj-spacing-1)}.gap-2{--prj-gap: var(--prj-spacing-2)}.gap-3{--prj-gap: var(--prj-spacing-3)}.gap-4{--prj-gap: var(--prj-spacing-4)}.gap-5{--prj-gap: var(--prj-spacing-5)}.text-justify{text-align:justify;text-justify:inter-word}.text-start{text-align:start}.text-middle{text-align:middle}.text-end{text-align:end}.overflow-scroll{overflow:scroll}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.m-1{margin:var(--prj-spacing-1)!important}.m-2{margin:var(--prj-spacing-2)!important}.m-3{margin:var(--prj-spacing-3)!important}.m-4{margin:var(--prj-spacing-4)!important}.m-5{margin:var(--prj-spacing-5)!important}.m-auto{margin:auto!important}.mx-1{margin-right:var(--prj-spacing-1) 0!important}.mx-2{margin-right:var(--prj-spacing-2) 0!important}.mx-3{margin-right:var(--prj-spacing-3) 0!important}.mx-4{margin-right:var(--prj-spacing-4) 0!important}.mx-5{margin-right:var(--prj-spacing-5) 0!important}.mx-auto{margin-right:auto 0!important}.my-1{margin-right:0 var(--prj-spacing-1)!important}.my-2{margin-right:0 var(--prj-spacing-2)!important}.my-3{margin-right:0 var(--prj-spacing-3)!important}.my-4{margin-right:0 var(--prj-spacing-4)!important}.my-5{margin-right:0 var(--prj-spacing-5)!important}.my-auto{margin-right:0 auto!important}.mt-1{margin-top:var(--prj-spacing-1)!important}.mt-2{margin-top:var(--prj-spacing-2)!important}.mt-3{margin-top:var(--prj-spacing-3)!important}.mt-4{margin-top:var(--prj-spacing-4)!important}.mt-5{margin-top:var(--prj-spacing-5)!important}.mt-auto{margin-top:auto!important}.mb-1{margin-bottom:var(--prj-spacing-1)!important}.mb-2{margin-bottom:var(--prj-spacing-2)!important}.mb-3{margin-bottom:var(--prj-spacing-3)!important}.mb-4{margin-bottom:var(--prj-spacing-4)!important}.mb-5{margin-bottom:var(--prj-spacing-5)!important}.mb-auto{margin-bottom:auto!important}.ml-1{margin-left:var(--prj-spacing-1)!important}.ml-2{margin-left:var(--prj-spacing-2)!important}.ml-3{margin-left:var(--prj-spacing-3)!important}.ml-4{margin-left:var(--prj-spacing-4)!important}.ml-5{margin-left:var(--prj-spacing-5)!important}.ml-auto{margin-left:auto!important}.mr-1{margin-right:var(--prj-spacing-1)!important}.mr-2{margin-right:var(--prj-spacing-2)!important}.mr-3{margin-right:var(--prj-spacing-3)!important}.mr-4{margin-right:var(--prj-spacing-4)!important}.mr-5,.mr-auto{margin-right:var(--prj-spacing-5)!important}html{background-color:var(--prj-bg);color:var(--prj-text);font-size:calc(15px + .390625vw)}body{max-width:95vw;margin:auto;padding:15px 0}section:not(:first-child){margin-top:var(--prj-spacing-4)}@media screen and (min-width: 640px){body{min-width:640px}}@media screen and (min-width: 768px){body{min-width:768px}}@media screen and (min-width: 1024px){body{min-width:1024px}}@media screen and (min-width: 1280px){body{min-width:1280px}}@media screen and (min-width: 1536px){body{max-width:1536px}}a{color:var(--prj-link-text)}ul{list-style-position:inside;margin:0}.list-unstyle{list-style:none}img,video{max-width:100%;height:auto}li:not(:last-child){margin-bottom:var(--prj-spacing-1)}.btn{padding:var(--prj-spacing-1)}.btn-primary{background-color:var(--prj--primary-bg);color:var(--prj--primary-text)}nav[data-astro-cid-5blmo7yk]{width:fit-content}ul[data-astro-cid-5blmo7yk]{padding:0}li[data-astro-cid-5blmo7yk]>a[data-astro-cid-5blmo7yk]{padding:.25rem .5rem}a[data-astro-cid-5blmo7yk]{--boder-color: transparent;border:1px solid var(--boder-color);border-radius:4px;text-decoration:none;transition:background-color .2s,color .2s}a[data-astro-cid-5blmo7yk].active{border:1px solid var(--prj-accent-bg)}a[data-astro-cid-5blmo7yk]:hover{--border-color: var(--prj-accent-bg);background-color:var(--prj-accent-bg);color:var(--prj-accent-text);border:1px solid var(--border-color)}header[data-astro-cid-sckkx6r4]>*{margin-left:auto}
|