*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#faf9f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{border-radius:20px;padding:20px;box-shadow:2px 2px 10px #0003;width:100%;background-color:#fff}.flexCol{display:flex;flex-direction:column;gap:10px}.link{text-decoration:none;color:#2f4f4f;transition:color .1s linear}.link:hover{color:#ff4500;cursor:pointer}.shakeyHover:hover{animation:shake .2s 3}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(6deg)}50%{transform:rotate(0)}75%{transform:rotate(-6deg)}to{transform:rotate(0)}}.subtitle{color:#2f4f4f;gap:10px}#cards{max-width:50em;display:flex;flex-direction:column;gap:10px;align-items:center;padding:0 0 20px}@media screen and (max-width: 850px){#cards{padding:0 20px 20px}}.header{width:100%;color:#000;display:flex;flex-direction:row;justify-content:space-around;align-items:center;z-index:999;position:sticky;top:0;background-color:#faf9f6;border-bottom:1px solid #FAF9F6;transition:border-bottom .5s ease-out,background-color .5s ease-out}.withBottomBorder{border-bottom:1px solid lightgray;background-color:#fff}div.headerLinks{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.black{color:#000}.headerTitle{text-align:center}@media screen and (max-width: 500px){.header{flex-direction:column}}.sbs{width:100%;display:flex;flex-direction:row;align-items:center;gap:20px}.sbsLarge{font-size:1.75em}.sbsApart{justify-content:space-between}.imgRounded{border:2px solid black;border-radius:50%;height:auto;width:3.5em}.textGreen{text-align:center;color:green;text-shadow:1px 1px 5px lightgreen}.textRed{text-align:center;color:red;text-shadow:1px 1px 5px red}.wave{animation-name:wave-animation;animation-duration:3s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@media screen and (max-width: 400px){span.wave{display:none}}.techCard{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:left;border-radius:.15em;font-size:1em;width:8em;height:1.75em;-webkit-user-select:none;user-select:none}.active{transition:color .1s linear;color:#000;border:1px solid darkslategray}.active span.tcIcon{transition:background-color .1s linear;background-color:#2f4f4f}.active:hover{color:#ff4500;cursor:pointer;border:1px solid orangered}.active:hover span.tcIcon{background-color:#ff4500}.inactive{transition:color .1s linear;color:#d3d3d3;border:1px solid lightgray}.inactive span.tcIcon{transition:background-color .1s linear;background-color:#d3d3d3}.inactive:hover{color:gray;cursor:pointer}.inactive:hover span.tcIcon{background-color:gray}.tcIcon{color:#fff;padding:1px;height:100%;aspect-ratio:1 / 1;display:inline-flex;justify-content:center;align-items:center;font-size:1.5rem}.tcText{font-size:1rem}.icons{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;gap:5px}.header-align{display:flex;flex-direction:row;justify-content:left;align-items:center;flex-wrap:wrap;gap:0}.header-align span{display:flex;align-items:center}.header-align span:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;margin:0 .4em;background-color:currentColor;border-radius:50%;vertical-align:middle;transform:translateY(50%)}.divider{width:100%;text-align:center}.links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;text-decoration:none}.linkCard{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:left;border:1px solid black;border-radius:.15em;font-size:1em;width:12em;height:1.75em;-webkit-user-select:none;user-select:none;transition:color .1s linear;color:#000;text-decoration:none}.linkCard:hover{color:#ff4500;cursor:pointer;border:1px solid orangered}.linkCard:hover .linkIcon{background-color:#ff4500}.linkIcon{color:#fff;padding:1px;height:100%;aspect-ratio:1 / 1;display:inline-flex;justify-content:center;align-items:center;font-size:1.5rem;background-color:#2f4f4f}.linkText{font-size:1rem}