#root{margin:2vh auto}*{box-sizing:border-box;margin:0;padding:0}body,#root{background-color:#fff;color:#000;overflow-x:hidden}.brand{width:62vw;font-family:Space Grotesk,sans-serif;font-size:28px;color:#767070;margin-top:100px;margin-bottom:150px}.color-black{color:#000}.work-section{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.app-body{width:85%;margin:0 auto}.scrollTop{position:fixed;bottom:5vh;right:5vw;cursor:pointer;z-index:10;width:35px;height:35px;color:#000;background-color:#fff;border-radius:50%;padding:8px;box-shadow:0 0 10px #0003;display:flex;align-items:center;justify-content:center}@media (max-width: 800px){.app-body{width:95vw}#root{margin:1vh 0}.brand{font-size:20px;width:100%;max-width:100%}.work-section{display:grid;grid-template-columns:repeat(1,1fr);margin:0 auto}.scrollTop{width:35px;height:35px;bottom:6vh;right:6vw}#about img,#about div{width:100%;max-width:100%;margin:0 auto}#about{display:flex;flex-direction:column;align-items:center}}@media (prefers-color-scheme: dark){body{background-color:#fff;color:#333}}.project-title{font-size:20px;margin:5vw 2vw 0vw 5vw}.project-subtitle{font-size:32px;margin:0;width:75vw;margin:1vw 2vw 0vw 5vw}.text-box{display:flex;flex-direction:column;margin:3vw 2vw 0vw 5vw;text-align:left}.project-text{font-size:20px}.text-tech{text-align:left;font-size:20px;margin-left:20px;display:flex;flex-direction:column;justify-content:flex-start}.project-tags{font-size:20px;font-family:IBM Plex Mono,monospace;color:#3c3c3c;font-weight:300}@media (max-width: 768px){.sub-img{max-height:70vh}.text-box{flex-direction:column}.project-text,.text-tech{font-size:16px;flex:none;width:100%}.project-tags{font-size:16px}.text-tech{margin:0 0 20px}.project-title{font-size:18px}.project-subtitle{font-size:16px;margin:2vw 2vw 0vw 10vw}}.app-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.app-footer a{color:#000;text-decoration:none;padding:10px}.IBM-font{font-family:IBM Plex Mono,monospace}nav{display:flex;justify-content:space-between;align-items:center;width:95vw;flex-wrap:wrap;position:relative;margin:0 20px}nav a{color:#000;margin:0 15px 0 0;text-decoration:none;font-family:IBM Plex Mono,monospace;font-size:16px}nav svg{font-size:3rem;margin:0 5px}.menu-icon{font-size:30px;cursor:pointer;display:none;z-index:10}.links-container,.icons{display:flex;gap:10px}#title{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600}@media (max-width: 768px){.nav{width:100vw}.menu-icon{display:block}.links-container{display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffffe6;z-index:1}.links-container.show{display:flex}nav a{margin:0;font-size:20px}.icons{margin-right:0}}body{font-family:Inter;color:#000}.sub-img{width:99vw;object-fit:contain;margin:0;padding:0}.project-title{font-size:20px;margin:5vw 2vw 0vw 10vw}.project-subtitle{font-size:32px;margin:0;width:75vw;margin:1vw 2vw 0vw 10vw}.project-text{font-size:20px;width:55vw}.project-tags{font-size:20px;width:15%;font-family:IBM Plex Mono,monospace;color:#3c3c3c;font-weight:300}.text-box{display:flex;margin:3vw 2vw 0vw 10vw;text-align:left}.text-tech{text-align:left;font-size:20px;margin-left:100px}.bottom-text{font-size:20px;margin:0;color:#000}.bottom-link{text-decoration:underline}.bottom-box{display:flex;flex-direction:column;align-items:center;margin:15vh 0vh}.img-gallery{max-width:70vw;display:flex;justify-content:space-between;flex-wrap:wrap;margin:7vw auto}.add-img{width:48%;object-fit:contain;height:auto;margin:1%}@media (max-width: 768px){.text-box{flex-direction:column-reverse}.project-text{font-size:16px;width:85vw}.project-tags{font-size:16px;width:100%}.text-tech{margin:0 0 20px;font-size:16px;width:85vw}.img-gallery{flex-direction:column;align-items:center}.add-img{width:95%;margin:10px 0}.project-title{font-size:18px}.project-subtitle{font-size:16px;margin:2vw 2vw 0vw 10vw}}.work-card{width:600px;margin-bottom:70px;margin-right:70px}.work-img{width:600px;height:300px;object-fit:cover;transition:transform .3s ease}.work-p{font-size:14px;font-family:IBM Plex Mono,monospace;color:#767070;font-weight:300}.work-h2,.work-h3{color:#000;font-family:Inter,sans-serif;font-weight:600;margin:0}.work-text{width:100%;word-wrap:break-word}.live-tag{margin-left:10px;color:#00bf4a;text-decoration:none;border:1px solid #00bf4a;border-radius:20px;padding:2px 5px}.live-tag-read{margin-left:10px;color:#007bff;text-decoration:none;border:1px solid #007bff;border-radius:20px;padding:2px 5px;white-space:nowrap;overflow:hidden}.live-tag:hover{background-color:#00bf4a;color:#fff}.live-tag-read:hover{background-color:#007bff;color:#fff}.work-card-link{display:block;text-decoration:none;color:inherit}@media (max-width: 800px){.work-card{width:95vw;margin-bottom:70px;margin-right:70px;align-items:left}.work-img{width:95vw;height:40vw;object-fit:cover;transition:transform .3s ease}.work-text{width:95vw}.work-p{font-size:12px}.work-h2{font-size:16px;margin:5px 0}.work-h3{font-size:14px}.live-tag,.live-tag-read{font-size:10px;margin-left:5px;padding:1px 3px}}.about-h3{font-family:IBM Plex Mono,monospace;font-weight:400}.about-p{font-size:18px}.about-text{width:600px}.about-section{margin-top:100px;margin-bottom:40px;color:#000;font-family:Inter,sans-serif;display:flex}.img-sec{width:600px;object-fit:cover;margin-left:40px;margin-top:120px}@media (max-width: 768px){.about-section{display:flex;flex-direction:column;align-items:center}.about-text,.img-sec{width:100%;margin-left:0;margin-right:0}.img-sec{margin-top:20px}.about-text{padding:0 10px}.about-p{font-size:16px}h2{font-size:16px;margin:20px 0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;padding:0;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;place-items:center;overflow-x:hidden}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}