#root{width:100%;padding:2rem;text-align:left}.home{display:flex;flex-direction:column;place-items:center}.home img{width:300px;height:300px;border-radius:50%;border:2px solid white;box-shadow:5px 5px 5px #00000069}.home .image{display:flex;justify-content:center}.home-links{display:flex;gap:10px}.home h3{margin:0}.home .post{margin-bottom:10px}.recent-posts{text-align:center;margin-top:50px}.post-date{font-style:italic;opacity:70%}.app{display:flex}@media screen and (min-width: 320px) and (max-width: 900px){#root{padding:10px}.app{flex-direction:column-reverse}img{width:100%;height:auto}}p>img{margin:0 auto;display:block;box-shadow:5px 5px 5px #00000067}.post-details{color:#0a61b3}.post hr{opacity:60%}.post{width:100%}h1,h2,h3,h4,h5,h6{color:#0a61b3}pre{background-color:#202020;width:100%;padding:5px;overflow:scroll}code{font-size:1.1em}.search{display:flex;align-items:center;gap:10px}.search button{height:30px;width:60px;padding:1px;font-weight:200}.archive h3{margin:2px}.archive .post{margin-bottom:20px;max-width:300px}.search-buttons{display:flex;gap:10px}.archive{width:100%}.post-tags{color:green}@media screen and (max-width: 500px){.search{display:flex;flex-direction:column}}.sidebar{min-width:17%;padding:20px;height:100vh;text-align:center;margin:-30px 2% -30px -30px;background-color:#242424;display:flex;flex-direction:column;position:sticky;position:-webkit-sticky;top:0}.sidebar .image{padding-top:15%}.sidebar img{width:300px;height:300px;border-radius:50%;border:2px solid white;box-shadow:5px 5px 5px #00000069}.title{font-size:xx-large}.description{font-size:large;opacity:80%}.links{margin-top:10%;display:flex;flex-direction:column;gap:10px}.disclaimer{margin-top:40%}@media screen and (min-width: 320px) and (max-width: 900px){.sidebar{margin:0;padding-right:0;padding-left:0;padding-top:0}.sidebar img{width:250px;height:250px}}.contact{display:flex;flex-direction:column;width:100%}.contact form{display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto;gap:10px}.contact button{grid-column:1 / 3;width:420px}label{grid-column:1 / 2}input,textarea{height:30px;width:300px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:large}textarea{height:200px;resize:vertical}.message{color:green}@media screen and (max-width: 600px){.contact form{display:flex;flex-direction:column}.contact button{width:fit-content}input,textarea{width:100%}}.about{width:100%}.navbar{display:none;align-items:center;background-color:#242424;justify-content:space-between;min-height:70px;gap:1px;position:sticky;position:-webkit-sticky;top:0}.navbar .logo{display:flex;align-items:center;gap:5px}.navbar img{width:50px;height:50px;border-radius:50%;border:1px solid white}.nav-links{display:flex;gap:10px}@media screen and (max-width: 475px){.navbar-title{display:none}}@media screen and (max-width: 900px){.navbar{display:flex}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}