:root{--bg-main:#fffff0;--bg-special:#e9d79f;--border-radius-max:250px;--border-radius-minimal:5px;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--font-size-default:1rem;--font-size-h1:2rem;--font-size-small:0.85rem;--gap-default:1rem;--gap-medium:1.5rem;--gap-large:2rem;--gap-small:0.5rem;--line-height-default:1.5;--line-height-heading:1.2;--link-color:#996100;--link-hover:#b58900;--margin-padding-Y-default:20px 0;--margin-padding-Y-big:40px 0;--margin-padding-Y-small:10px 0;--text-color:#1e1e1e}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:var(--font-size-default);line-height:var(--line-height-default);scroll-behavior:smooth;& .theme-toggle .icon-moon { display: block; } & .theme-toggle .icon-sun { display: none; } &[data-theme="dark"] { --bg-main: #0a234a; --bg-special: #1e4a73; --link-color: #4fc3f7; --link-hover: #039be5; --text-color: #e0e0e0; & .theme-toggle .icon-moon { display: none; } & .theme-toggle .icon-sun { display: block; } }}body{background-color:var(--bg-main);color:var(--text-color);display:grid;grid-template-rows:auto auto 1fr auto;margin:1.5rem auto;max-width:740px;min-height:100vh}main{margin:.5rem 0;p { margin-bottom: var(--gap-default); } & img { border-radius: var(--border-radius-minimal); max-width: 90%; @media (max-width: 768px) { max-width: 100%; } } @media (max-width: 1024px) { margin: 20px; }}a{color:var(--link-color);font-weight:700;&:hover { color:var(--link-hover); text-decoration:none; }}blockquote{border-left:4px solid var(--bg-special);font-style:italic;margin:var(--gap-large);padding-left:var(--gap-default);@media(max-width:1024px){margin: var(--gap-large) 0;}}dl{margin:var(--gap-large)0;dt { color: var(--link-color); font-weight: bold; padding: var(--margin-padding-Y-small); } dd { line-height: var(--line-height-body); padding-left: var(--gap-medium); }}figure{font-style:italic;margin:var(--gap-small)0 var(--gap-default);text-align:center}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);margin:var(--gap-large)0 var(--gap-default)}h1{font-size:var(--font-size-h1)}h2{font-size:1.7rem}h3{font-size:1.5rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:var(--font-size-default)}hr{border:none;border-top:2px solid var(--bg-special);color:var(--bg-special)}ol,ul{padding-left:var(--gap-medium);margin-bottom:var(--gap-default)}ul[class$=list]{list-style:none;padding-left:0;margin-bottom:0}section{margin:var(--margin-padding-Y-default)}time{font-style:italic}::selection{background-color:var(--link-hover);color:var(--bg-main)}.highlight{margin:1rem auto;& > pre { border-radius: var(--border-radius-minimal); max-width: 715px; overflow-x: auto; padding: 0.5rem; @media (max-width: 768px) { max-width: 330px; -webkit-overflow-scrolling: touch; } }}.dl-borders-centered{border-bottom:2px dotted var(--link-color);border-top:2px dotted var(--link-color);margin:var(--gap-large)auto;padding:var(--gap-default)0;width:fit-content}.site__header{display:flex;align-items:center;justify-content:space-around;margin-bottom:var(--gap-medium)}.site-selections,.site-selections *{display:flex;align-items:center;justify-content:center;gap:var(--gap-medium)}.site-title{color:inherit!important;font-size:var(--font-size-h1);font-weight:700;text-decoration:none}.language-select__language-item img{height:2rem}.theme-toggle{background-color:var(--text-color);border:none;border-radius:var(--border-radius-max);color:var(--bg-main);cursor:pointer;padding:.2rem}.theme-toggle svg{display:none}.header__navigation{background-color:var(--bg-special);border-radius:var(--border-radius-minimal);padding:var(--margin-padding-Y-small)}.header__navigation-list{display:flex;align-items:center;justify-content:space-evenly;@media(max-width:768px){display: grid; grid-template-columns: repeat(auto-fit,minmax(100px,1fr)); justify-items: center; gap: var(--gap-medium) var(--gap-small);}}.header__navigation-link--active{color:var(--text-color);text-decoration:none}.site__footer{display:flex;align-items:center;justify-content:space-around;margin-top:var(--gap-medium);@media(max-width:768px){flex-direction: column; gap: var(--gap-default);}}.follow-me-list{display:flex;align-items:center;justify-content:center;gap:var(--gap-medium);@media(max-width:768px){flex-wrap: wrap;}}.follow-me-item img{object-fit:contain;height:2rem;width:2rem;&.icon-codeberg, &.icon-youtube { height: 3rem; width: 3rem; }}.post-card{margin:0 auto 1.5rem;width:90%;& .post-card__title { font-size: var(--font-size-default); } & .post-card__meta, .post-card__summary { font-size: var(--font-size-small); }}.post-card__header{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:.5rem;margin:var(--margin-padding-Y-small)}.post-card__tags-list{display:flex;align-items:center;justify-content:start;gap:var(--gap-default);margin:var(--margin-padding-Y-default)!important;@media(max-width:768px){flex-direction: column; align-items: start;}}.post-card__tags-item{background-color:var(--bg-special);border-radius:var(--border-radius-max);color:var(--text-color);font-size:var(--font-size-small);padding:.1rem .4rem}.page-not-found{text-align:center}.homepage__header{text-align:center}.homepage__header-image{border:4px solid var(--bg-special);border-radius:var(--border-radius-max);display:block;margin:1rem auto;max-width:150px;max-height:150px}.post{position:relative}.post__content ol>li,.post__content ul>li{margin-bottom:var(--gap-default)}.post__header{margin-bottom:var(--gap-large)}.post__navigation>hr{height:2px;margin-bottom:var(--gap-large)}.post__navigation-list{display:flex;align-items:center;justify-content:space-between;margin:0 1rem!important;@media(max-width:768px){flex-direction: column; gap: var(--gap-default); margin: 0 !important;}}.post__scroll-top{background-color:var(--bg-special);border-radius:var(--border-radius-max);box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;position:absolute;bottom:6rem;right:0;z-index:1000;& svg { height: 2rem; width: 2rem; padding-bottom: 0.2rem; } &:hover { background-color: var(--link-hover); }}.post__tags{margin:var(--margin-padding-Y-big)}.post__tags-heading{font-weight:700}.post__tags-list{display:flex;gap:var(--gap-default);@media(max-width:768px){flex-direction: column;}}.post__tags-link{font-weight:400}.pagination{display:flex;align-items:center;justify-content:space-between}.recent-posts__view-all-link,.tag-page__view-all-link{display:block;margin:0 auto;width:max-content}.tags-index__list>li{margin-bottom:var(--gap-small)}.search-form__input{font-size:var(--font-size-default);border:1px solid var(--bg-special);border-radius:var(--border-radius-minimal);padding:.2rem;width:50%;@media(max-width:768px){width: 90%;}}.search-form__reset{background-color:var(--bg-special);border:none;border-radius:var(--border-radius-max);color:var(--text-color);font-size:var(--font-size-default);font-weight:700;padding:.2rem .5rem .3rem;&:hover { background-color:var(--link-hover); color:var(--bg-main); cursor:pointer; }}.search-input{width:30vw;@media(max-width:768px){width: 100vw;}}.search-results__count{font-weight:700;margin:var(--margin-padding-Y-default)}