@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";body{background-color:#222}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@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:#888}.button-container{position:relative;display:inline-block;text-align:center}.hover-text{opacity:0;transition:opacity .2s ease;margin-top:8px;font-size:24px;font-weight:400;color:#fff}.hover-button:hover{transform:scale(1.1)}.button-container:hover .hover-text{opacity:1}.button-row{display:flex;justify-content:center;gap:10px;margin:20px}body{margin:0;font-family:Roboto Condensed,sans-serif;font-optical-sizing:auto;font-weight:350;font-style:normal}.container{display:flex;flex-direction:row;min-height:100vh}.left-column{width:35%;background-color:#333;color:#fff;padding:20px;box-sizing:border-box;text-align:left;overflow-y:auto;height:100vh;position:fixed;top:0;left:0}.right-column{margin-left:35%;padding:20px;text-align:left;font-size:18px;color:#fff;width:65%}.right-column h1{font-size:26pt;color:#fff}.right-column h2{font-size:16pt;color:gray;font-weight:300}.right-column b{font-weight:900}.profile-image{width:99.8%;border-radius:8px}a{color:#6cf;text-decoration:none}a:hover{text-decoration:underline}.content-block{height:500px;margin-bottom:20px;background-color:#f0f0f0;border:1px solid #ccc}@media screen and (max-width: 1000px) and (min-width: 700px){.container{flex-direction:column;align-items:center}.left-column{position:relative;width:60%;height:auto;margin:0 auto;border-radius:8px;box-shadow:0 4px 10px #0000004d;padding:20px;text-align:center}.right-column{width:100%;margin-left:0;padding:20px}.profile-image{width:70%!important;display:block;margin:0 auto}}@media screen and (max-width: 699px){.container{flex-direction:column}.left-column{position:relative;width:100%;height:auto;padding:20px;text-align:center;margin-top:25px}.right-column{width:100%;margin-left:0;padding:15px;font-size:16px}.right-column h1{font-size:22pt}.right-column h2{font-size:14pt}.profile-image{width:100%!important;display:block;margin:0 auto}}.project-box{display:flex;flex-wrap:wrap;background-color:#2c2c2c;color:#fff;border-radius:12px;padding:16px;margin:20px auto;max-width:1500px;box-shadow:0 4px 12px #0006}.left-column2{flex:1 1 250px;max-width:300px;margin-right:16px;display:flex;align-items:flex-start;justify-content:center}.left-column2 img{width:100%;height:auto;border-radius:8px;object-fit:contain}.right-column2{flex:2 1 400px;text-align:left;min-width:0}.right-column2 h2{margin:0 0 8px;font-size:1.25rem}.right-column2 p{margin:0 0 8px}.right-column2 em{display:block;margin-bottom:12px;font-style:italic;color:#ccc}.links a{color:#6cf;text-decoration:none}.links a:hover{text-decoration:underline}@media (max-width: 768px){.project-box{flex-direction:column;align-items:center;text-align:center}.left-column2{margin-right:0;margin-bottom:12px;max-width:100%}.right-column2{margin-left:0;text-align:center}}