: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{background-color:#1b2430;margin:0}a,a:visited,body{color:#d6d5a8}#follower{border-radius:50%;height:350px;aspect-ratio:1.2;position:fixed;left:50%;top:50%;translate:-50% -50%;background:linear-gradient(90deg,#51557E,#1B2430);animation:rotate 30s infinite;filter:blur(200px);pointer-events:none}@keyframes rotate{0%{transform:rotate(0deg)}50%{scale:1 1.5}to{transform:rotate(1turn)}}.note-example{margin-left:1%;background-color:rgba(0,255,0,.0666666667)}.centered-flex-column{display:flex;flex-direction:column;align-items:center}.justify-center{justify-content:center}.space-between{justify-content:space-between}.mx-8{margin-left:2rem;margin-right:2rem}.note-content-rendered{background-color:hsla(0,0%,100%,.1333333333);margin-left:20px}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-picker{display:flex;align-items:center;padding:1em min(100px,20vw)}.note-viewer{border:1px solid #fff}.w-11-12{width:91.666667%}