@import 'https://fonts.googleapis.com/css2?family=IBM+Plex+Mono: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';:root{--background-color:#2c2522;--content-background-color:#ebded6;--frame-background-color:#2c2522;--border-color:#563a27a8;--text-color:#000;--text-color-white:#fff;--soft-text-color:#563a27}html{margin:0;padding:0;width:100%;background:var(--background-color);color:var(--content-background-color);font-family:ibm plex mono,monospace}body{margin:40px auto;width:80%}header{margin:40px auto;width:80%;max-width:600px;margin:0 auto;margin-bottom:10px;transition:opacity 1s ease-in-out}main{transition:opacity 1s ease-in-out}footer{margin:40px auto;width:80%;max-width:600px;margin:0 auto;transition:opacity 1s ease-in-out}a{color:unset;text-decoration-color:var(--text-color)}a:hover{text-decoration:underline}.font-bold{font-weight:700}.text-white{color:var(--text-color-white)}.text-center{text-align:center}.soft{color:var(--soft-text-color)}#random-tagline{user-select:none}#site-name{font-size:x-large;font-weight:700;font-style:italic;text-decoration:none}.page-container{padding:30px;border:var(--border-color)1px solid;border-radius:14px;background-color:var(--content-background-color);color:var(--text-color);max-width:600px;margin:0 auto;z-index:2;transition:opacity 1s ease-in-out}.visibility-hidden{visibility:hidden}.opacity-0{opacity:0%}.text-smaller{font-size:12px}hr{border:var(--border-color).5px solid}.frame{width:100%;height:100px;border:var(--border-color)1px solid;border-radius:14px;box-sizing:border-box;position:relative;overflow:hidden;background-color:var(--frame-background-color);transition:all 1s ease-in-out;user-select:none}.frame-expanded{height:400px}.frame-hover-button{color:#fff;background-color:#000;padding:10px;border:none;border-radius:24px;cursor:pointer}#toggle-frame-size{position:absolute;right:10px;top:10px;z-index:2;transition:opacity .5s ease-in-out,visibility .5s;opacity:0%;visibility:hidden}.frame:hover #toggle-frame-size{opacity:100%;visibility:visible}.frame #escape-containment{position:absolute;right:10px;bottom:10px;z-index:2;transition:opacity .5s ease-in-out,visibility .5s;opacity:0%;visibility:hidden}.frame-expanded:hover #escape-containment{opacity:100%;visibility:visible}.frame #zen-mode{position:absolute;left:10px;bottom:10px;z-index:2;transition:opacity .5s ease-in-out,visibility .5s;opacity:0%;visibility:hidden}.frame-containment-broken:hover #zen-mode{opacity:100%;visibility:visible}.bubble{z-index:0;position:absolute;transition:font-size 2.5s ease-in-out,left 2.5s ease-in-out,top 2.5s ease-in-out,color .3s ease-in-out,opacity .5s ease-out}.bubble.bubble-pan-0{color:#ff218c}.bubble.bubble-pan-1{color:#ffd800}.bubble.bubble-pan-2{color:#21b1ff}.bubble.bubble-trans-0{color:#55cdfc}.bubble.bubble-trans-1{color:#fff}.bubble.bubble-trans-2{color:#f7a8b8}.bubble.bubble-nb-0{color:#fcf434}.bubble.bubble-nb-1{color:#9c59d1}.bubble.bubble-nb-2{color:#626262}.bubble.bubble-nb-3{color:#fff}.links{margin:0 auto;width:max(320px,60%)}.links a{text-decoration:none}.links .button{color:var(--text-color);padding:10px;border:var(--border-color)1px solid;border-radius:5px;margin-top:10px;transition:background-color .2s linear,color .15s ease-in-out}.links .button svg{width:16px;height:16px;transform:translateY(10%);transition:filter .2s linear}.links .button:hover svg{filter:brightness(0)invert(1)}.links .button:hover{background-color:var(--background-color);color:#fff}@media(max-width:600px){.links{width:100%}}