@import 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap';body{background-color:#336;color:#bbb;font-family:ibm plex sans,sans-serif;font-weight:400;font-optical-sizing:auto;line-height:1.5;margin:1rem}header{margin-bottom:1rem}footer{margin-top:1rem}a{color:#ffe;text-decoration:underline dotted #aaa;&:hover { text-decoration:underline dotted #eee; }}h1{margin-top:1rem;margin-bottom:0;font-size:2rem;font-weight:200;&.term { background-color: #eee; color: #222; border-radius: 0.25rem; display: inherit; margin-bottom: 1rem; padding: 0.25rem 0.5rem; }}h2{margin-top:1rem;margin-bottom:0;font-size:1.5rem;font-weight:200}h3{margin-top:4rem;margin-bottom:0;font-size:1.25rem;font-weight:200}h4{margin-top:3rem;margin-bottom:0;font-size:1.1rem;font-weight:200}div.home{margin:20rem 1rem 10rem;display:flex;flex-direction:row;.left { flex: 1; min-width: 33%; } .middle { flex: 2; min-width: 33%; } .right { flex: 1; min-width: 33%; }}div.navigation{position:relative;left:50px;top:-100px;width:250px;margin:0 auto}div.navigation ul{list-style-type:none;margin:0;padding:0}div.navigation li{display:inline;list-style-type:none}div.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:10px;min-width:740px}div.card{background-color:#445;border-radius:3px;padding:1rem;position:relative;overflow:hidden;&.has-cover { background-size: cover; background-position: center; background-repeat: no-repeat; } &.has-cover>* { position: relative; z-index: 2; } p { margin-bottom: 0.5rem; } a { display: inline-block; margin-top: 0.5rem; color: #eee; } iframe { margin-top: 1rem !important; } figure { margin-top: 1rem !important; margin-left: 0; margin-right: 0; } figure img { width: 100%; }}div.highlight{border:1px solid #ccc;border-radius:.5rem;background-color:#eff1f5;pre { padding: 0.5rem 0.5rem; }}div.page{display:flex;flex-direction:row;gap:1rem}article{flex:1;min-width:66%}div.meta{border-radius:.5rem;background-color:#445;img { width: 100%; height: auto; } div.content { padding: 1rem; } nav#AboutMe ul { display: inline-block; li { display: inherit; } }}figure img{margin:0;padding:0;width:100%;height:auto}nav#Paging ul{display:inline-block;li { margin: 0.25rem; padding: 0.25rem 0.5rem; background-color: #eee; border-radius: 0.25rem; display: inherit; a { color: #222; } }}nav#Tags{ul { display: inline-block; } li { margin: 0.25rem; padding: 0.25rem 0.5rem; background-color: #eee; border-radius: 0.25rem; display: inherit; a { color: #222; } } &.home { margin-top: 1rem; margin-bottom: 1rem; }}nav ul{list-style:none;padding:0;margin:0}