#root{width:100%;height:auto;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color)}.navbar{padding:.25rem;display:flex;border-bottom:solid .125rem var(--border-color);justify-content:space-between;align-items:center}.navbar .left-tray{display:flex;flex-direction:row;align-items:center}.navbar .left-tray .title{font-size:2rem;font-weight:400;transition:.5s;padding-right:1rem}.navbar .left-tray .title:hover{color:var(--hover-color)}.navbar .left-tray .portrait{height:3em;border:solid .1rem var(--border-color);border-radius:.5rem;transition:.5s;margin-right:1rem}.navbar .left-tray .portrait:hover{filter:drop-shadow(0 0 2em var(--hover-color));border-color:var(--hover-border-color)}.navbar .left-tray .portrait.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.navbar .left-tray .social{display:flex;margin-right:.5em;border:solid .1rem transparent;border-radius:.5rem;font-size:1.5rem;color:var(--social-link-color);border-color:var(--border-color);padding:.5rem;transition:.5s}.navbar .left-tray .social:hover{border-color:var(--hover-border-color);color:var(--hover-color)}.dashboard{display:flex;flex-direction:row;padding:1rem}.projects{margin-top:1rem}.projects .header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.projects .header .toggle{color:var(--text-color)}.projects .list{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem}.projects .grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.project-card{border:solid .125rem var(--border-color);border-radius:.5rem;padding:0rem .5rem .5rem;max-width:15rem}.project-card .project-media{border-radius:.5rem;transition:.5s;max-height:20rem;max-width:20rem}.project-card .name{font-size:1.5rem;font-weight:400;transition:.5s}.project-card .name:hover{color:var(--hover-color)}.project-card .description{display:flex;flex-direction:column;transition:.5s}.project-card .description:hover{color:var(--hover-color)}[data-theme=dark]{--background-color: #242424;--text-color: rgba(255, 255, 255, .87);--card-background-color: #1a1a1a;--border-color: #ffffff;--hover-color: #646cff;--hover-border-color: #646cff;--social-link-color: #ffffff}[data-theme=light]{--background-color: #ffffff;--text-color: #213547;--card-background-color: #f9f9f9;--border-color: #213547;--hover-color: #747bff;--hover-border-color: #747bff;--social-link-color: #213547}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--hover-color);text-decoration:inherit}a:hover{color:var(--hover-color)}body{margin:0;display:flex;min-width:320px;min-height:100vh;color:var(--text-color);background-color:var(--background-color)}h1{font-size:3.2em;line-height:1.1}h2{margin-top:0rem;margin-bottom:0rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-background-color);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--hover-border-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}