@import "../fonts/stylesheet.css";@import "./syntax.css";*{margin:0;padding:0;box-sizing:border-box}:root{font-size:18px;--card-img-height:200px;--link-color:#6d6d6d;--orange:#fa9600;--light-grey:#f6f6f6;--grey:#EAEAEA;--card-bottom-offset:25px;--btn-top-width:36px}:root .dark-mode{--light-grey:#474747;--grey:#929292;--link-color:#e4e4e4}body{background:#fff;font-family:source sans pro,sans-serif;line-height:180%;min-height:100vh;width:90%;max-width:100%;margin:auto;display:block}body.dark-mode{background:#2d2d2d;color:#f5f5f5}code{background:var(--grey);line-height:120%}a{text-decoration:none;color:var(--link-color)}a:hover{color:var(--orange)}.notfound{padding:100px;font-size:x-large;text-align:center}.listtitle{padding-top:20px;padding-bottom:20px}.article{padding-top:20px;padding-bottom:20px}.article h2{padding-top:40px}.article h3{padding-top:20px}.article a{border-bottom:groove 2px var(--link-color)}.article p{padding-top:30px}.article figure{padding-top:30px}.article figure img{border-radius:6px;max-inline-size:min(100%,800px)}.article figure a{border-bottom:none}.article table{padding-top:30px;margin-top:2em;width:100%;border-collapse:collapse}.article table td{padding:.75em}.article table tbody tr:nth-child(2n+1){background-color:var(--grey)}.nav{padding-left:8px;padding-right:70px;background:var(--light-grey);border-bottom:1px solid var(--grey);box-shadow:0 2px 20px rgba(0,0,0,8%)}.footer{padding-left:8px;background:var(--light-grey);color:var(--link-color);font-size:small;text-align:center;box-shadow:0 2px 20px rgba(0,0,0,8%)}.footer a{border-bottom:groove 2px var(--link-color)}.social{padding-bottom:20px}.social a{border-bottom:unset}.social img{display:inline-block;margin:5px;border:1px solid;padding:3px;border-radius:4px;width:36px;height:36px;opacity:60%}.social img:hover{background-color:var(--orange)}.linkcard{display:inline-flex;border:1px solid!important;border-radius:4px;width:45%;justify-content:center;margin:4px;text-align:center;padding-left:20px}.header{display:inline}.headerimage{height:250px;background-repeat:no-repeat;background-position:50%;background-size:cover}.title{font-size:larger;padding-right:30px}.titleimage{background-image:url(/favicon/favicon.svg);background-size:100% 100%;background-repeat:no-repeat}.nav li{float:left}.nav a{display:block;padding:8px;font-size:larger}.nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.card-container{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;transition:all 200ms ease-in-out}.card{align-self:flex-start;display:inline-grid;position:relative;width:325px;min-width:275px;margin:1.25rem .75rem;transition:all 300ms ease-in-out;.card-img { visibility: hidden; width: 100%; height: var(--card-img-height); background-repeat: no-repeat; background-position: center center; background-size: cover; } .card-img-hovered { --card-img-hovered-overlay: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); transition: all 350ms ease-in-out; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; position: absolute; height: var(--card-img-height); top: 0; } .card-info { position: relative; padding: 0.75rem 1.25rem; transition: all 200ms ease-in-out; height: calc(var(--card-img-height) - var(--card-bottom-offset)); .card-about { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; transition: all 200ms ease-in-out; .card-tag { max-width: 100px; padding: 0.2rem 0.5rem; font-size: 12px; text-align: center; text-transform: uppercase; letter-spacing: 1px; background: #505f79; color: #fff; } } .card-title { z-index: 10; font-size: 1.5rem; padding-bottom: 0.75rem; transition: all 350ms ease-in-out; } } &:hover { cursor: pointer; box-shadow: 0px 15px 35px rgba(227, 252, 239, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07); transform: scale(1.025); .card-img-hovered { --card-img-hovered-overlay: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); height: 100%; } .card-about { opacity: 0; } .card-info { background-color: transparent; } .card-title { color: #ebecf0; margin-bottom: - var(--card-bottom-offset); } }}html[data-scroll="0"] .top-anchor{display:none}html:not([data-scroll="0"]) .top-anchor{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2 160 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-306.7L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/%3E%3C/svg%3E");background-size:70% 70%;background-position:50%;background-repeat:no-repeat;position:fixed;bottom:9px;right:9px;max-width:var(--btn-top-width);max-height:var(--btn-top-width);width:100%;height:100%;border:0;border-radius:var(--btn-top-width);background-color:#fff;cursor:pointer;opacity:80%;display:block;z-index:999}html:not([data-scroll="0"]) .top-anchor svg circle{stroke:var(--orange)}html:not([data-scroll="0"]) .top-anchor:hover{opacity:100%;color:var(--orange)}.circle-bg{fill:none;stroke:var(--grey);stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.orange .circle{stroke:var(--orange)}.js-toggle-wrapper{margin:10px;position:absolute;right:5%;top:0%;z-index:100;opacity:60%}.js-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:initial;border:0;padding:0;-webkit-touch-callout:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.js-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.js-toggle-track{width:53px;height:28px;padding:0;border-radius:30px;background-color:#0f1114;transition:all .2s ease}.js-toggle-track svg{fill:var(--orange)}.js-toggle-track-check{position:absolute;width:17px;height:17px;left:5px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;opacity:0;transition:opacity .25s ease}.js-toggle--checked .js-toggle-track-check{opacity:1;transition:opacity .25s ease}.js-toggle-track-x{position:absolute;width:17px;height:17px;right:5px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;opacity:1;transition:opacity .25s ease}.js-toggle--checked .js-toggle-track-x{opacity:0}.js-toggle-thumb{position:absolute;top:2px;left:2px;width:23px;height:23px;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .5s cubic-bezier(.23,1,.32,1)0ms;transform:translateX(0)}.js-toggle--checked .js-toggle-thumb{transform:translateX(26px);border-color:#19ab27}