:root{font-family:Helvetica Neue,system-ui,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{padding:0;margin:0;width:100%}html{display:block}body{background-color:#f2f0f0;color:#2b2b2b;margin:0;padding:0}a{text-decoration:none;color:#2b2b2b}.text.title{font-weight:700;font-size:18px}.text.caption{font-weight:300;font-size:12px}.text.post{font-weight:400;font-size:14px}.text.link{font-weight:600;font-size:14px}.layout{display:flex;flex-direction:row}.bar{height:50px}.bar .alignment{height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.bar ul{padding-left:0;margin:0;width:100%;list-style-type:none;display:flex;flex-direction:row;justify-content:space-evenly}.bar ul li{width:100%;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.bar ul li:hover{background-color:#eaad5e}.feed{width:65%;display:flex;flex-direction:column;align-items:center}.feed .feed-title{display:flex;color:#e8e8e8;flex-direction:column;align-items:center}.feed .feed-content{max-width:600px}.feed .post{padding:10px 20px}.feed .post .post-title{font-weight:800;margin-bottom:0}.feed .post .post-title+h3{margin-top:5px;font-weight:300;font-size:14px;font-style:italic}.feed .bar{background-color:#9b57df;width:100%}.about{width:35%;display:flex;flex-direction:column;align-items:center}.about .interests .fact-extras{font-style:italic;font-weight:450}.about .bar{background-color:#8754ba;width:100%}.about .bar a{color:#e8e8e8}.portrait{display:flex;flex-direction:column;align-items:center;font-weight:600}.portrait>img{width:200px;border-radius:12px;transition:width .25s ease-in-out,height .25s ease-in-out}@media screen and (max-width: 750px){.layout{flex-direction:column-reverse;align-items:center}.bar{width:100%}.feed{width:0;height:0;overflow:hidden}.about{width:100%;display:flex;flex-direction:column;align-items:center}}@media screen and (max-width: 700){.feed{width:100%}}@media screen and (max-width: 650px){.layout{flex-direction:column-reverse;align-items:center}.feed{width:100%;height:100%;visibility:visible;display:flex;margin-top:12px;flex-direction:column;align-items:center}.about{width:100%;display:flex;flex-direction:column;align-items:center}.portrait>img{width:150px}}@media (prefers-color-scheme: dark){body{background-color:#333;color:#fff}a{color:#fff}.feed .bar{background-color:#8409ff}.about .bar{background-color:#742cbc}.about .bar ul li:hover{background-color:#da8e2a}}