body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.spinner{animation:spin 1s ease-in-out infinite;border:4px solid #8250444d;border-radius:50%;border-top:4px solid var(--text-color);display:inline-block;height:2rem;margin-bottom:1rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.error-container,.loading-container{padding:1rem 0;text-align:center}.error-container p{color:var(--light-red);font-size:1.1rem;font-style:italic;font-weight:600;line-height:1.5;padding:.5rem 1rem;text-align:center}.posts-grid{display:flex;flex-direction:column;gap:2rem;height:80%;margin-top:calc(45vh - 40%);padding-top:1rem;vertical-align:auto}.post-container{display:flex;flex-direction:row;height:0;max-width:180px + 520}.post-image-preview{background-color:var(--gray);margin-right:1.5rem;object-fit:cover;width:15vh}.post-card{border:3px solid var(--post-border);display:flex;height:150px;justify-content:start;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{box-shadow:0 5px 15px;cursor:pointer;transform:translateY(-5px)}.post-card-title{word-wrap:ellipsis;font-family:Bebas Neue,sans-serif;font-size:1.5rem;grid-column:1/span 3;grid-row:1;margin-bottom:.75rem}.post-card-meta{color:var(--cookie);display:grid;font-size:.85rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;justify-content:space-between;margin-bottom:1rem;overflow:auto;width:100%}.post-card-author{align-items:center;gap:.35rem;grid-column:1}.post-card-date{align-items:center;display:flex;gap:.35rem;grid-column:3}@media only screen and (max-width:480px){.post-card-author,.post-card-date{display:none}}.post-card-excerpt{margin-bottom:1.5rem}.post-detail{min-height:var(--posts-height)}.post-content{max-width:100vw}.post-content img{max-width:100%}.post-content h1{font-size:1.8rem}.sidebar{margin-right:3rem;min-height:var(--posts-height);position:static;width:320px}.sidebar-content{background:var(--card-background);border:.2rem solid var(--custom-blue);box-shadow:0 2px 6px;flex-direction:column;height:var(--posts-height);position:sticky;top:2rem;width:35ch}.sidebar-title{background:var(--custom-blue);border-bottom:2px solid var(--divider-color);color:var(--background-color);font-size:3rem;margin-bottom:1rem;margin-top:0;max-height:4rem;text-align:center}.recent-posts-list{display:flex;flex-direction:column;gap:1rem;max-height:82%;overflow-y:auto;padding:1.5rem;scrollbar-width:thin}.recent-post-item{transition:transform .2s ease}.recent-post-item:hover{transform:translateX(5px)}.recent-post-button{background:none;border:none;color:var(--text-color);padding:.5rem;text-align:left;transition:color .3s ease;width:100%}.recent-post-button:hover .recent-post-title{text-decoration:underline}.reload-button{align-items:center;background-color:var(--button-color);border:none;border-radius:4px;color:var(--button-text);display:inline-flex;font-family:Bebas Neue,sans-serif;font-size:1.2rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.reload-button:hover{background-color:var(--button-hover)}.recent-post-title{font-size:1rem;font-weight:700;margin-bottom:.25rem;max-height:1.3rem;max-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-post-date{align-items:center;display:flex;font-size:.8rem;gap:.25rem}.loading-text{color:var(--text-color);text-align:center}.error-text{color:var(--light-red)}.error-text,.sidebar-error{text-align:center}.main-content{display:flex;flex:1 1;flex-direction:row;gap:2rem;grid-template-columns:1fr;margin:2rem auto;max-width:1200px;padding:0 1rem}.content-area{overflow-y:visible;overflow-y:initial;width:850px}@media only screen and (max-width:1200px){.main-content{height:fit-content;min-width:0;min-width:auto}.content-area{width:auto}}.blog-footer{background-color:var(--footer-background);bottom:0;color:var(--footer-text);margin-top:3rem;padding:2rem 0;position:relative}.footer-content{margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center}.footer-title{font-size:1.5rem;font-style:italic;font-weight:700;margin-bottom:.5rem}.footer-copyright{color:var(--footer-text);font-size:1rem;margin-bottom:1rem}.footer-links{display:flex;font-size:1rem;gap:1rem;justify-content:center}.footer-link{color:var(--footer-text);transition:color .3s ease}.footer-link:hover{color:var(--link)}.blog-header{background-color:var(--header-background);box-shadow:0 4px 8px var(--shadow-color);color:var(--header-text);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;padding-top:2rem}.header-logo{grid-column:1;grid-row:1;justify-content:start;margin:0;padding:0 1rem;position:static;width:75px}.header-logo:hover{cursor:pointer}.header-content{margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center}.header-title{color:var(--header-text);font-size:5rem;font-weight:bolder;grid-column:1/span 5;grid-row:2;margin:0;overflow:visible;padding:0;text-align:center}.about,.blog-title,.home{font-family:Bebas Neue,sans-serif;font-size:1.5rem;font-style:normal;font-weight:700;font-weight:400;grid-row:1;height:fit-content;margin:0}.about a,.blog-title a,.home a{color:var(--header-text);text-decoration:none}.about a:hover,.blog-title a:hover,.home a:hover{color:var(--header-text);text-decoration:underline}@media only screen and (max-width:1200px){.blog-title{display:none}}.home{grid-column:3/span 2}.about,.home{text-align:center}.about{grid-column:2/span 2}.header-divider{background-color:var(--divider-color);height:3px;margin:.5rem auto;width:80px}.blog-title{font-size:2rem;font-size:3rem;grid-column:1/span 2;grid-row:1;margin:0;padding-top:.6rem;position:static;text-align:center;white-space:nowrap}.blog-subtitle{color:var(-gray);margin-top:.5rem}.search{border:none;border-radius:999px;border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:none;font-size:1rem;grid-column:5;grid-row:1;height:2rem;outline:none;padding-left:1.5rem;transition:box-shadow .3s ease}@media only screen and (max-width:500px){.about,.blog-title,.home{display:none}}:root{--gray:#44444444;--text-color:#634c53;--footer-text:#fff;--button-text:#fff;--off-white:#eee;--custom-blue:#008eca;--divider-cokor:#ffc09b;--background-color:#f9f9f9;--card-background:#008eca11;--link:#61dafb;--shadow-color:#634c5333;--posts-height:90vh;--footer-background:var(--custom-blue);--header-background:var(--custom-blue);--header-text:var(--off-white);--divider-color:var(--footer-background);--post-border:color-mix(in srgb-linear,var(--custom-blue) 50%,var(--gray) 90%);--button-color:var(--custom-blue)}g6,h1,h2,h3,h4,h5{font-family:Bebas Neue,sans-serif;font-style:normal;font-weight:400}body{background-color:var(--background-color);background-color:#f9f9f9;color:#634c53;color:var(--text-color);font-family:Georgia,serif;line-height:1.6}button{cursor:pointer;font-family:inherit}ul{list-style:none}.blog-container{display:flex;flex-direction:column;height:100vh;width:100vw}.post-title{font-size:2.5rem}@media (min-width:1024px){.blog-title{font-size:3rem}}
/*# sourceMappingURL=main.1cc535a8.css.map*/