.sidebar{height:100vh;background-color:var(--transparent);transition:transform .3s ease;overflow-x:auto;top:0;align-self:flex-start;display:flex}.hamburger{display:none;background:none;border:none;font-size:2rem;color:var(--text-col);cursor:pointer;margin-bottom:1rem}.sidebar ul{list-style:none;padding:.5rem;margin:0;text-align:left}.sidebar li{margin:0;padding:1rem}.sidebar a{text-decoration:none;color:var(--text-col);font-weight:700}.sidebar a:hover{text-decoration:underline}.sidebar.expanded{transform:translate(0)}@media (max-width: 600px){.sidebar{width:auto;padding:.5rem;align-items:flex-start;justify-content:center}.sidebar.expanded{width:auto}.hamburger{display:flex;font-size:24px;cursor:pointer;background:none;border:none;color:var(--text-col);margin-bottom:1rem}.sidebar:not(.expanded) ul,.sidebar:not(.expanded) li,.sidebar:not(.expanded) a{display:none}}.social-link{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;color:var(--accent-col);text-decoration:none;font-weight:700;margin:1rem}.social-link:hover{text-decoration:underline}.social-icon{width:24px;height:24px}.intro-text{display:flex;flex-direction:column;align-items:flex-start;justify-self:left;font-weight:400;line-height:1.2;margin:4rem 0}.intro-line{color:var(--text-col);font-size:clamp(40px,6vw,80px)}.intro-name{color:var(--accent-col);font-weight:700;font-size:clamp(45px,7vw,90px)}.image-text-container{display:flex;gap:2rem;margin:2rem;padding:2rem;flex-wrap:wrap;max-width:90%}.image-text-container .mainImage{max-width:600px;width:auto;height:400px;object-fit:contain;border-radius:10px}.image-text-container .text-block{flex:1;min-width:250px;text-align:left}.image-text-container.left{flex-direction:row;justify-self:left}.image-text-container.right{flex-direction:row-reverse;justify-self:right}@media (max-width: 768px){.image-text-container{flex-direction:column!important;text-align:center}.image-text-container img{margin-bottom:1rem}}.icon-wrapper{position:relative;display:inline-block;margin:10px;cursor:pointer}.icon-img{width:24px;height:24px}.icon-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:var(--transparent);color:var(--text-col);padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.icon-wrapper:hover .icon-label{opacity:1}#root{margin:0;padding:0;text-align:center;justify-self:center;width:100%}.layout{display:flex;width:100%;min-height:100vh;padding:0;margin:0}.content{flex:1;margin-left:4rem;margin-right:4rem;max-width:85%;padding:0;justify-self:left;overflow:auto}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background-image:url(/images/main_background.png);background-size:cover;background-position:right;background-repeat:no-repeat;background-attachment:fixed}.container{flex:1;margin:2rem 0;padding:1vw;background:var(--transparent);box-shadow:0 0 2vw var(--transparent);text-align:left;font-size:larger}p{font-size:18px;justify-self:center}h1{color:var(--accent-col);font-size:3.5rem;text-align:left;margin:4rem 0;flex:1}.links{text-align:center;font-size:1.1rem}.links a{display:inline-flex;align-items:center;gap:8px;font-weight:700;justify-content:center;color:var(--text-col);text-decoration:none;margin:.5rem 0;gap:.5rem}.links a:hover{text-decoration:underline}.icon{width:20px;height:20px}.app{display:flex;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 2em var(--main-col))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--accent-col)}:root{--main-col: rgb(22, 52, 70);--main-col-shadow: rgb(15, 36, 49);--accent-col: rgb(194, 205, 207);--accent-col-shadow: rgb(154, 163, 165);--text-col: rgb(255, 255, 255);--transparent: rgba(0, 0, 0, 0);--black: rgb(0, 0, 0);--white: rgb(255, 255, 255);--test-col: rgb(238, 255, 0);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-col);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh}html{margin:0;padding:0;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--accent-col);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-col-shadow)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}