:root{font-size:16px}@media screen and (max-height:700px){:root{font-size:12px}}@media screen and (max-height:550px){:root{font-size:10px}}@media screen and (max-width:700px){:root{font-size:12px}}@media screen and (max-width:500px){:root{font-size:10px}}@media screen and (max-width:400px){:root{font-size:8px}}@media screen and (max-width:330px){:root{font-size:6px}}*{box-sizing:border-box}body{color:#d6d5a8;background-color:#1b2430;margin:0}a,a:visited{color:#d6d5a8}#follower{aspect-ratio:1.2;filter:blur(200px);pointer-events:none;background:linear-gradient(90deg,#51557e,#1b2430);border-radius:50%;height:350px;animation:30s infinite rotate;position:fixed;top:50%;left:50%;translate:-50% -50%}@keyframes rotate{0%{transform:rotate(0)}50%{scale:1 1.5}to{transform:rotate(360deg)}}.note-example{background-color:#0f01;margin-left:1%}.centered-flex-column{flex-direction:column;align-items:center;display:flex}.justify-center{justify-content:center}.space-between{justify-content:space-between}.mx-8{margin-left:2rem;margin-right:2rem}.note-content-rendered{background-color:#fff2;margin-left:20px}.select-none{-webkit-user-select:none;user-select:none}.color-picker{align-items:center;padding:1em min(100px,20vw);display:flex}.note-viewer{border:1px solid #fff}.w-11-12{width:91.6667%}