@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap";:root{--background-body: #000000;--background-content: #1d1d1d;--text-color: #e5e5e5}.light-theme{--background-body: #f2f1f1;--background-content: #ffffff;--text-color: #000000}body{margin:0;font-size:1rem;font-family:"M PLUS Rounded 1c",serif;font-weight:400;font-style:normal;background:var(--background-body);color:var(--text-color)}svg{width:1.5rem}button.icon{background:none;outline:none;border:none;cursor:pointer}.container{max-width:60%;height:100%;margin:0 auto;padding:0 .5rem;display:flex;flex-direction:column}.post img{height:50%;width:50%}@media screen and (max-width:900px){.container{max-width:95%}img{height:100%;width:100%}}@media screen and (min-width:910px)and (max-width:1400px){.container{max-width:85%}}header.header{position:fixed;top:0;left:0;width:100%;height:4.5rem;background:var(--background-content);box-shadow:0 1px 1px rgab(0,0,0);z-index:10}header .logo-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}header .logo{display:flex;align-items:center;cursor:pointer}header .logo span{margin-left:.5rem}.orange-logo{width:45px;height:45px}.logo h1{font-size:26px}.posts-wrapper{margin-top:4rem;height:100%}.posts-wrapper h2{font-size:35px}.post{display:flex;flex-direction:column;padding:0 1rem;margin:2rem 2rem 1rem;background:var(--background-content);border-radius:.5rem;box-shadow:0 1px 1px #0003}.navigation-buttons{display:flex;justify-content:space-between}.navigation-buttons button{all:unset;font-size:1rem;font-weight:600;border:none;cursor:pointer;margin-bottom:2rem;display:flex;align-items:center}.navigation-buttons button:disabled{cursor:not-allowed}blockquote{position:relative;border-left:3px solid #ffc801;padding-left:10px;margin:0 1em;font-style:italic}