@font-face{font-family:kanatahinatak;src:url(/fonts/KanataHinataK.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:moga;src:url('/fonts/MOGA-Bold.woff2') format('woff2'),font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:annieuseyourtelescope;src:url(/fonts/AnnieUseYourTelescope-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}html{--bounce-easing:linear(
      0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 13.6%, 0.25, 0.391, 0.563, 0.765,
      1, 0.891 40.9%, 0.848, 0.813, 0.785, 0.766, 0.754, 0.75, 0.754, 0.766, 0.785,
      0.813, 0.848, 0.891 68.2%, 1 72.7%, 0.973, 0.953, 0.941, 0.938, 0.941, 0.953,
      0.973, 1, 0.988, 0.984, 0.988, 1);--bounce-easing-time:1333ms}*{color:#000}body{width:100%;margin:0;line-height:1.5;background-color:#a2a4a5;background-image:url(/images/bg_bright.webp);background-repeat:repeat;font-family:KanataHinataK,sans-serif}main{height:100dvh;display:grid;grid-template-columns:1fr 330px 1fr;grid-template-rows:3rem auto 1fr auto}nav{grid-column:2/3;grid-row:2/3}section#main{grid-column:2/3;grid-row:3/4}section#languageswitch{position:absolute;right:2rem;top:1rem;display:flex;flex-direction:row;flex-flow:row-reverse}footer{margin-bottom:1rem;grid-column:2/3;grid-row:4/5;text-align:center;a { text-decoration: none; }}h1{line-height:1;font-family:MOGA;font-size:3.5rem;color:#000;text-shadow:2px 2px #f5f5f5;margin-bottom:1rem}h2{font-size:2rem;color:#161617}h3{font-size:1.75rem}p{font-size:1.25rem}hr{border-style:dashed;color:#f5f5f5}ul.post-list{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:5px;padding:0;list-style:none;li { background: whitesmoke; border-left: 1px #fff solid; border-top: 1px #fff solid; border-right: 1px rgba(0,0,0,0.5) solid; border-bottom: 1px rgba(0,0,0,0.5) solid; border-radius: 3px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); padding: 0px; width: 150px; height: 239px; scale: initial; z-index: 1; transition-property: scale; transition-duration: 0.5s; a { width: 100%; height: 100%; display: flex; flex-flow: column; flex-grow: 1; justify-content: space-between; align-items: center; text-decoration: none; color: black; gap: 10px; } p { color: black; margin-bottom: 20px; } img { border-top: 1px solid rgba(0,0,0,0.5); border-left: 1px solid rgba(0,0,0,0.5); border-bottom: 1px #fff solid; border-right: 1px #fff solid; margin-top: 15px; width: 120px; height: 162px; object-fit: cover; } } li.landscape { img { transform: rotateZ(-90deg); width: 162px; height: 120px; margin-top: 40px; } } li:hover { background: #e1e4e5; scale: 1.1; z-index: 20 !important; }}@media screen and (min-width:768px){main{grid-template-columns:1fr 600px 1fr}ul.post-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:992px){main{grid-template-columns:1fr 900px 1fr}ul.post-list{grid-template-columns:repeat(6,1fr)}}article{img { width: 100%; }}article.post-intro{display:grid;grid-template-columns:100px 1fr;grid-template-rows:2rem auto;justify-items:first;align-items:baseline;h2 { grid-column: 1; } section { display: flex; flex-direction: row; gap: 10px; }}mark{color:#000;background-color:rgba(255,230,50,.75)}#hearts{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.heart{width:48px;height:48px;overflow:visible}@keyframes bounce{0% {scale:1}50%{scale:1.25}100%{scale:1}}@media(prefers-color-scheme:dark){*{color:#fff}body{background-color:#414343;background-image:url(/images/bg_dark.webp)}h1{color:#fff;text-shadow:3px 3px #000}h2{color:#f5f5f5}hr{color:#000}}