body{width:768px;margin:auto;padding:0;font-family:courier prime,monospace;line-height:1.5;background-color:var(--base);color:var(--text)}h2{color:var(--primary)}.main-head{display:flex;justify-content:space-around}.toggle-switch{margin:auto}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--text);transition:.4s;border-radius:24px;width:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--mantle);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--text)}header{margin-bottom:1rem}footer{border-top:1px solid var(--text);margin-top:1rem}ul.menu{width:fit-content;list-style:none;display:flex;overflow:hidden}ul.menu li{margin:0}ul.menu li a{display:block;padding:15px 20px;color:var(--text);text-decoration:none}ul.menu li a:hover{color:var(--subtext)}ul.menu li a.active{color:var(--highlight)}a{color:var(--primary);text-decoration:none}.copy-btn{position:absolute;top:8px;right:8px;background-color:var(--mantle);color:var(--text);border:none;padding:4px 8px;cursor:pointer;border-radius:5px;font-size:12px}.copy-btn:hover{background-color:var(--crust)}pre{position:relative;background:var(--mantle)!important;color:var(--text)!important;padding:10px;border-radius:8px;overflow:scroll}img{max-width:100%;height:auto;border-radius:6px;box-shadow:var(--shadow)}.latest-posts{display:flex}.latest-qrcode{width:200px;margin:2rem}.latest-content{display:flex;flex-direction:column;justify-content:center}.latest-date,.latest-title{margin:0}.featured-banner img{max-width:100%;height:auto;border-radius:16px;box-shadow:var(--shadow)}.icon{width:40px;height:40px;fill:currentColor}@media(max-width:768px){body{width:90vw}nav{position:absolute;top:40px}ul.menu{width:auto;padding:0}ul.menu li a{text-align:center}.latest-title>a{align-items:center;appearance:none;background-color:var(--primary);border-radius:4px;border-width:0;box-shadow:rgba(45,35,66,.4)0 2px 4px,rgba(45,35,66,.3)0 7px 13px -3px,#D6D6E7 0 -3px inset;box-sizing:border-box;color:var(--accent);cursor:pointer;display:inline-flex;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px}.latest-title>a:focus{box-shadow:var(--shadow)}.latest-title>a:hover{box-shadow:var(--shadow) transform:translateY(-2px)}.latest-title>a:active{box-shadow:#D6D6E7 0 3px 7px inset;transform:translateY(2px)}.latest-posts{flex-direction:column;align-items:center}.latest-date{display:none}.latest-summary{display:none}}