#root{width:100%;height:auto;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color)}.dashboard{display:flex;flex-direction:column;padding:1rem;gap:16px}.dashboard .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}.dashboard .social:hover{border-color:var(--hover-border-color);color:var(--hover-color)}.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}[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}.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)}.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}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.projects-page{display:flex;flex-direction:column;align-items:center;justify-self:center;justify-content:center;padding:2rem;max-width:800px;min-width:300px;width:100%}.projects-page .header{display:flex;flex-direction:row;gap:30px}.projects-page .projects-container{margin-top:40px;display:flex;align-items:center;justify-self:center;justify-content:center;max-width:800px;min-width:300px;width:100%;flex-wrap:wrap;gap:30px}.projects-page .projects-container .project-card{min-width:300px;min-height:500px;max-height:500px}.projects-page .projects-container .project-inline{min-width:300px;min-height:200px;max-height:300px}.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)}.project-inline{display:flex;flex-direction:row;align-items:center;border:solid .125rem var(--border-color);border-radius:.5rem;padding:.5rem;margin-bottom:1rem}.project-inline .project-media{border-radius:.5rem;transition:.5s;max-height:10rem;max-width:10rem;margin-right:1rem}.project-inline .name{font-size:1.5rem;font-weight:400;transition:.5s;margin-bottom:.5rem}.project-inline .name:hover{color:var(--hover-color)}.project-inline .description{display:flex;flex-direction:column;transition:.5s}.project-inline .description:hover{color:var(--hover-color)}.game-of-life-container{--color: white;--background-color-body: rgb(33, 47, 60);--background-color-board: black;--alive-color: white;--alive-hover-color: red;--border-color: rgb(0, 0, 0);--cell-size: 8px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh;color:var(--color);background-color:var(--background-color-body);text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-of-life-container a{font-weight:500;color:#646cff;text-decoration:inherit}.game-of-life-container a:hover{color:#535bf2}.game-of-life-container h1{font-size:3.2em;line-height:1.1}.game-of-life-container button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.game-of-life-container button:hover{border-color:#646cff}.game-of-life-container button:focus,.game-of-life-container button:focus-visible{outline:4px auto -webkit-focus-ring-color}.game-of-life-container table{margin:0 auto 20px;border-collapse:collapse;background-color:var(--background-color-board)}.game-of-life-container td{width:var(--cell-size);height:var(--cell-size);border:1px solid var(--border-color)}.game-of-life-container .alive{background-color:var(--alive-color)}.game-of-life-container .alive:hover{background-color:var(--alive-hover-color)}.game-of-life-container .dead:hover{background-color:var(--border-color)}.game-of-life-container .flexRow{display:flex;flex-flow:row nowrap;justify-content:space-between;margin:auto;align-items:flex-start}.game-of-life-container .upperControls,.game-of-life-container .middleControls,.game-of-life-container .lowerControls{width:350px}@media (prefers-color-scheme: light){.game-of-life-container :root{color:#213547;background-color:#fff}.game-of-life-container a:hover{color:#747bff}.game-of-life-container button{background-color:#f9f9f9}}