:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{text-shadow:2px 2px 4px rgba(0,0,0,.8)}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#ff4500}body{margin:0}h1{font-size:2.4em;line-height:1.1;font-weight:700}h2{font-size:1.4em;line-height:1.3;font-weight:600}h3{font-size:1.1em;line-height:1.4;font-weight:500;opacity:.9}p{font-weight:700;font-size:1.1em;line-height:1.6}.site-footer{text-align:center;padding:40px 0 20px;opacity:.6;font-size:.85rem}.background{margin:0 auto;min-height:100vh;max-width:1200px;box-sizing:border-box;overflow-x:hidden}.background h1{margin-top:10px;margin-bottom:10px}.background>div{display:flex;flex-direction:column}.background:before{content:"";position:fixed;inset:0;width:100vw;height:100vh;background-image:url(/bg2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;z-index:-2}.background:after{animation:grain 8s steps(5) infinite;background-image:url(/paper-pattern2.png);content:"";height:300%;left:-50%;opacity:.6;position:fixed;top:-110%;width:300%;z-index:-1}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@media only screen and (max-width:768px){.background{padding:5vw}.background:before{background-attachment:scroll}.background h1{margin-top:30px;font-size:1.8em}}:root{--title-bg-color: rgba(0, 0, 0, .75);--title-hover-bg-color: rgba(0, 0, 0, .95)}.title-name-and-pic{gap:10px;padding:25px;display:flex;justify-content:center;align-items:center;width:fit-content}.title-card{gap:5px;background-color:var(--title-bg-color);padding:8px;border-bottom:5px solid white;display:flex;justify-content:center;align-items:center;white-space:nowrap}.title-hghlght{pointer-events:auto;transform:scale(1);transition:all .4s;position:relative;z-index:1;transform-origin:left top}.title-hghlght:hover{background-color:var(--title-hover-bg-color);transform:scale(1.05);z-index:3;border-bottom:5px solid orangered}.title-dropshadow{text-shadow:3px 3px 5px rgba(0,0,0,1)}.horizontal{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px}.vertical{display:flex;justify-content:center;align-items:center;gap:10px;flex-direction:column}.profileimage{min-width:150px;min-height:150px;border-radius:50%;width:150px;height:150px;object-position:center;object-fit:cover;border:5px solid white;overflow:hidden;display:block;box-shadow:3px 3px 10px #000;padding:0}.iconshadow{filter:drop-shadow(3px 3px 5px rgba(0,0,0,1)) drop-shadow(3px 3px 5px rgba(0,0,0,1))}@media only screen and (max-width:768px){.title-card h2{display:none}.title-name-and-pic{flex-direction:column;text-align:center}.profileimage{width:100px;height:100px;min-width:100px;min-height:100px}.title-card h2{font-size:.9em}}:root{--primary-bg-color: rgba(0, 0, 0, .5);--hover-bg-color: rgba(0, 0, 0, .95);--text-color: #ffffff}.demo-card{display:flex;align-items:flex-start;flex-direction:column;gap:10px;background-color:var(--primary-bg-color);padding:15px;border-bottom:5px solid white;border-left:5px solid white}.demo-card p{margin:0}.card-hghlght{scroll-margin-top:0px;pointer-events:auto;transition:all 1s;position:relative;transform-origin:left top;width:fit-content;max-width:60%;overflow:hidden}.card-hghlght:hover,.card-hghlght:active{background-color:var(--hover-bg-color);border-bottom:5px solid orangered;border-left:5px solid orangered}.card-hghlght.card-expanded{background-color:var(--hover-bg-color);border-bottom:5px solid orangered;border-left:5px solid orangered;width:100%;max-width:100%;z-index:10;align-items:flex-start;box-sizing:border-box}.card-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease;word-break:break-word;width:0;overflow:hidden}.card-content.card-content-expanded{grid-template-rows:1fr;width:100%}.card-content>div{overflow:hidden}.card-row{display:flex;align-items:center;gap:15px}.card-stats{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:.9em;opacity:.8}@media only screen and (min-width:768px){.card-hghlght{max-width:30%}.card-hghlght.card-expanded{max-width:100%}}