@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";.tagmenu{margin:0 auto;padding-left:15px;padding-right:15px;display:flex;flex-wrap:wrap;row-gap:.5rem}.tagmenu button{padding:5px 10px;font-family:Quicksand;font-size:1rem;font-weight:700;color:gray;white-space:nowrap;background:transparent;border:1px solid grey;border-radius:2rem;margin-right:6px}@media screen and (min-width: 1200px){.tagmenu button:hover{color:#fff;background:#404040}}.tagmenu.label{padding-top:1rem;color:gray}.tagmenu.tags{padding:.5rem;border-radius:1rem}.tagmenu .active{color:#000;background:#8ffbff;border-color:#8ffbff;font-weight:700}.drawer{margin-top:50px;width:100vw}@media screen and (min-width: 768px){.drawer{width:20rem}}.drawer nav{width:100%;text-align:right}.drawer nav .menu{font-size:2rem;color:gray;background:#202020;transition:background .3s,padding .3s,font-size .3s;min-width:auto;display:block;padding:0rem 1.5rem;border-bottom:2px solid black}.drawer nav .menu.last{border:none}.drawer nav .menu:hover{font-size:2.5rem;padding:.5rem 5rem;color:#fff8b5;background:black;border-left:6px white solid;text-shadow:3px 2px black,4px 5px #55abae,-3px -2px black,-4px -5px #a9608d}.postcard{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-top .2s}.postcard .title{font-size:1.5em;transition:text-shadow .1s,font-size .2s,width .2s;width:80%}.postcard .datestamp{display:flex;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;padding-bottom:10px}.postcard .datestamp .icon,.postcard .datestamp .date{color:gray}@media screen and (min-width: 1200px){.postcard:hover{border-top:10px solid #d4cb7b}.postcard:hover .title{font-weight:700;font-size:1.6em;width:88%;text-shadow:-3px 3px black,-4px 4px #4f9092}}.postcard .tags{display:flex;flex-wrap:wrap;row-gap:.25rem}.postcard .tags .active{background:#8ffbff;border-color:#8ffbff;color:#000}.postcard .tags button{padding:5px 10px;font-family:Quicksand;font-size:1rem;font-weight:700;color:gray;white-space:nowrap;background:transparent;border:1px solid grey;border-radius:2rem;margin-right:6px}@media screen and (min-width: 1200px){.postcard .tags button:hover{color:#fff;background:#404040}}.expander{overflow:hidden;background:black;border:2px grey solid;border-radius:15px;transition:width .5s;margin:auto}.expander.off{width:7rem}.expander.on{overflow:hidden;width:100%}.expander.on .toggle{border-bottom:1px grey solid}.expander .toggle{border:none;border-bottom:1px transparent solid;width:100%;text-align:center;color:#fff;background:transparent;transition:border 1s}.expander .toggle:hover{background:#2c2c2c}.expander .toggle p,.expander .toggle svg{margin:.25rem;vertical-align:middle;display:inline-block;font-size:1rem}.expander .contents{white-space:nowrap;overflow:hidden}.expander .contents .contents-inner{transform-origin:top;will-change:transform,opacity}.expander .contents .main,.expander .contents .lore{padding:.5rem 1rem;white-space:normal;word-break:break-word}.appbar{position:fixed}.appbar .container{display:flex;align-items:center;padding-left:1rem;height:50px;-moz-column-gap:1rem;column-gap:1rem;width:100vw}.appbar .container .avatar{width:40px;height:40px}.appbar .container .left{display:block;overflow:none}.appbar .container button{margin-left:auto;margin-top:auto;border:none;font-size:2rem;background:transparent;color:#fff;margin-right:1rem}.appbar .container button svg:active{border-radius:5px;background:rgba(255,255,255,.2901960784)}.table-of-contents{z-index:1;height:100vh;width:23vw;position:fixed;top:0;right:0;display:none}@media screen and (min-width: 992px){.table-of-contents{display:initial}}.table-of-contents nav{position:absolute;top:50px;left:0;right:0;bottom:0;overflow-y:scroll}.table-of-contents nav .headings{-moz-user-select:none;user-select:none;-webkit-user-select:none;max-width:22vw;margin-bottom:35px}.table-of-contents nav hr.dashed{width:50%;border:1px dashed grey}.table-of-contents nav hr.solid{width:70%;border:1px solid grey}.table-of-contents nav .title-bar{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-top:35px}.table-of-contents nav .title-bar .top{margin-right:2rem;padding-left:2rem}.table-of-contents nav .list-item{list-style-position:outside}.table-of-contents nav .list-item.active{list-style-type:"☕"}.table-of-contents nav .list-item.active::marker{font-size:1.3em}.table-of-contents nav .list-item.inactive{list-style-type:""}.table-of-contents nav .heading{margin-left:10px;margin-bottom:.3em;display:inline-block;vertical-align:middle;padding:7px 15px 3px;transition:color 2s}.table-of-contents nav .heading .text{color:inherit;font-size:inherit;font-weight:inherit;text-align:center}.table-of-contents nav .heading.active{font-size:1em;font-weight:700;color:#8ffbff;border:5px solid #753c5f;border-radius:15px}.table-of-contents nav .heading.inactive{font-size:.9em;font-weight:500;color:#d4cb7b;border:none}.blog-title{text-align:center}.blog-title .nav-menu{display:flex;flex-wrap:wrap;justify-content:center;-moz-column-gap:4rem;column-gap:4rem;vertical-align:top}.blog-title .nav-menu a{z-index:1;color:inherit}.blog-title .nav-menu .nav-item{display:none;text-align:center}@media screen and (min-width: 992px){.blog-title .nav-menu .nav-item{display:inline-block;color:gray;transition:letter-spacing .5s,padding .5s,border .3s;border-top:8px rgba(0,0,0,0) solid;font-weight:500;margin:0rem;padding:.5rem 0rem}.blog-title .nav-menu .nav-item:hover{color:#fff8b5;border-top:8px #8ffbff solid;font-weight:700;letter-spacing:.5rem;padding-top:1rem;padding-left:.5rem;text-shadow:0px 2px black,0px -2px black,3px 3px #a9608d,-3px -3px #55abae}}.blog-title hr{z-index:0;display:none;position:absolute;left:10vw;margin:auto}@media screen and (min-width: 992px){.blog-title hr{display:block;margin-top:0;margin-bottom:0;border:none;height:8px;width:80vw;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,#555 25%,#555 75%,rgba(0,0,0,0) 100%)}}.id-card{margin:1rem;border:1px solid grey;border-radius:1rem;padding-top:.5rem;padding-bottom:.5rem}.id-card .header{padding-left:.5rem;border-bottom:1px dashed grey;padding-bottom:.5rem;margin-bottom:1rem}.id-card .header img{vertical-align:middle;display:inline-block;width:3rem;height:3rem;border-radius:50%}.id-card .header .name{margin-left:.5rem;font-size:1.5rem;vertical-align:middle;width:-moz-fit-content;width:fit-content;display:inline-block;text-align:center}.id-card .main,.id-card-content{margin:1rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:grey;border-radius:5px;background-clip:content-box;border:3px transparent solid}a{text-decoration:none}h2,h3{scroll-margin-top:100px}.post img.post-image{max-width:100%;height:-moz-fit-content;height:fit-content}.post pre{transition:background .1s;position:relative}@media screen and (min-width: 992px){.post pre{width:-moz-fit-content;width:fit-content}}.post pre:hover{background:#333;z-index:2}@media screen and (min-width: 992px){.post pre{min-width:100%;max-width:none}}.post h2,.post h3{color:#d3d3d3}.post p{color:gray;text-indent:2rem}.post.container{margin-top:100px}@media screen and (min-width: 992px){.post.container{max-width:70%}}.about a{color:#fff8b5}.about.container,.music.container{margin-top:100px}.music .item{padding:.5em;border-radius:15px;border:3px grey solid}.music .item .embed{margin-bottom:.5em}.music .item h3{text-align:center}.footer{margin-top:20vh;height:50vh;background-color:#000}.code-warning{background:black;padding:.5rem;border:1px solid #c8c070;min-height:5rem}.code-warning div{font-size:.9rem;text-align:justify}.code-warning svg{margin:.5rem;float:left;font-size:3rem;color:#fff8b5}