html{font-size: 18pt;line-height: 1.4;}@media (pointer:none), (pointer:coarse){html{font-size: 14pt}}.dark-theme{--foreground: #ffffff;--foreground-darkened: #d5d5d5;  --card-background: rgba(0, 0, 0, 0.1);--solid-card-background: #363636;  background: radial-gradient(farthest-corner at 50% 50%, #0e2627 30%, #000000) no-repeat fixed;color: var(--foreground)}.light-theme{--foreground: #1b1b1b;--foreground-darkened: #a0a0a0;--card-background: #e1e1e145;background: white;color: var(--foreground)}@keyframes card-visibility{0%{opacity: 0;transform: translateY(35px)}100%{opacity: 100%}}body{background-size: 100%;margin:15px;padding: 15px;background: radial-gradient(farthest-corner at 100% 0%, #727272, #151d21 85%) no-repeat fixed;font-family: "Segoe UI","Noto Sans",Helvetica,Arial,sans-serif}.content{min-height: 95vh;max-width: 25cm;display: flex;flex-direction: column}a{color: inherit;text-decoration: inherit}p{align-content: center;text-align: left;margin: 5px;word-wrap: normal;margin-bottom: 30px;  > a{text-decoration: underline}}.title-header{  >  h1{font-size: 5vh;align-self: baseline;margin-block-start: 0;margin-block-end: 0}}footer{  margin-top: 40px;font-size: 80%}.card-container{margin-top: 24px;display: grid;gap: 12px;grid-template-columns: repeat(auto-fit, min(200px));align-items: stretch;}.card{padding: 10px;background: var(--card-background);min-width: 110px;font-size: 90%;outline: black solid 2px;border-radius: 0.5vh;min-height: 20px;display: flow;opacity: 0;animation: card-visibility;animation-fill-mode: forwards;animation-duration: 1s;transition-timing-function: linear;h3{text-align: center;margin-bottom: 1px}p{align-content: center;text-align: left;margin: 5px}.date{color: var(--foreground-darkened);text-align: center;margin-top: 2px;margin-bottom: 8px}}.card:focus{transform: scale(1.02)}.card:hover{box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.41)}.projects-section{margin-top: 5vh}.dropdown{  padding: 5px;background-color: rgba(0,0,0,0);color: var(--foreground);border-radius: 3px;> option{background: var(--solid-card-background)}}.sort-control{*{font-size: 0.8em}}.fixed-footer{z-index: 16;background: var(--card-background);border-top-right-radius: 8px;display: flex;padding: 2px 15px 2px 15px;position: fixed;bottom: 0;left: 0;outline: black solid 2px;margin-left: 0}pre:has(code){font-family: monospace;background-color: #121212;padding: 15px;border-radius: 5px;overflow: overlay}