:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#575fff;text-decoration:inherit}a:hover{color:#4e94ff}body{margin:0;display:flex;min-width:320px;min-height:100vh;flex-grow:1}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:#000;background:#d3d3d3}button:focus{outline:none}:root{background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}@media(prefers-color-scheme:dark){:root{color:#ffffffde;background-color:#595959}h1,h2,h3,p,b{color:#fff}button{background-color:#595959}.postCard{background-color:#242424}aside p{color:#000}#homeIcon{filter:invert(1)}.blogViewContainer{background-color:#242424;border-radius:1em;padding:2em}#commentContent,input{background-color:#000}}#LogInPanel{display:flex;justify-content:space-between;padding:1.5em;background-color:#4e94ff;height:8vh}#navigationButtons{display:flex;align-items:center}#personalSiteLogo{height:5vh;width:auto}#logInButtons{display:flex;justify-content:flex-end}button{width:17vw;height:100%;padding:.3em .6em;margin-right:.75em}#logInButton{margin-right:0}@media(min-width:750px){button{height:90%;padding:.6em 1.2em;font-size:x-large;font-weight:700}}#AdminPanel{display:flex;justify-content:space-between;padding:1.5em;background-color:#4e94ff;height:8vh}aside{display:flex;flex-direction:column;align-items:center;margin:1em 1em 2em;padding:1.5em;background-color:#f9f9f9;border-radius:2em;position:sticky;top:5vh;width:auto;border:solid 1px gray}#linkedinIcon,#githubIcon{height:3em;width:3em}aside p{text-align:center;font-size:large}.fancyText{display:flex;flex-direction:column;align-items:center}@media(min-width:750px){aside{height:90vh;width:300px;flex:0 0 300px;margin-right:2em;margin-top:2em}}#LogInForm{display:flex;flex-direction:column;align-items:center;width:66vw;gap:5px;margin:10px;border:solid 1px gray;border-radius:40px}#LogInContainer{display:flex;justify-content:center;flex-direction:column}#SignUpForm{display:flex;flex-direction:column;align-items:center;width:66vw;gap:5px;margin:10px;border:solid 1px gray;border-radius:40px}#LogInContainer{display:flex;justify-content:center;align-items:center;flex-direction:column}#postsContainer{display:flex;gap:1vw;justify-content:center;align-items:center;flex-wrap:wrap}.postCard{display:flex;flex-direction:column;border:solid gray 1px;border-radius:1em;padding:1em;min-height:33vh;color:#000}.postCard h2{margin-top:0;margin-bottom:.5em}.summaryContainer{width:100%;max-height:9em;text-overflow:clip;overflow:hidden;margin-top:1em;border-top:solid gray 1px}.postCard:hover{color:#4e94ff;border:solid black 1px;background:#d3d3d3;transition:background .25s ease-in-out}@media(min-width:750px){.postCard{width:30vw}.summaryContainer{max-height:7.5em}}.blogMessage{margin-top:2em;margin-bottom:2em}.commentForm{display:flex;justify-content:center;align-items:center;flex-direction:column}#commentContent{min-height:4em;width:90%;font-size:large;border:black solid 2px}.commentCard{border-bottom:solid grey 1px}.blogViewContainer{margin:1em}.blogViewContainer h2{margin-top:.5em;border-bottom:solid grey 1px}#commentSubmitContainer{border:solid grey 1px;border-radius:1em}@media(min-width:750px){.blogViewContainer{margin-left:3em}}#root{text-align:center;width:100%}#bodyContainer{display:flex;flex-direction:column;width:100%}#contentContainer{display:flex;flex-direction:column}.logo,button,.postCard{will-change:filter;transition:filter .3s}.logo:hover,button:hover,.fancyText:hover{filter:drop-shadow(0 0 2em darkblue)}.logo.react:hover,button:hover,.fancyText:hover{filter:drop-shadow(0 0 2em blue)}#personalSiteLink{display:inline-flex;align-items:center;height:100%;margin-right:.75em}#personalSiteLogo{height:100%;width:auto;display:block}.blogLink{color:#024;font-weight:700;font-size:1rem;text-decoration:underline;display:inline-flex;align-items:center;margin-left:.5em}.blogLink:visited,.blogLink:active{color:#000}.blogLink:hover{filter:drop-shadow(0 0 2em darkblue)}@media(min-width:750px){#contentContainer{display:flex;justify-content:space-around;flex-direction:row}.blogLink{font-size:x-large}}