@font-face{font-family:Lazy Dog;src:url(/assets/lazy_dog-7zc3KkuN.ttf) format("truetype");font-weight:400;font-style:normal}html,body{margin:0;height:100%;background:#121212;font-family:Space Grotesk,sans-serif}.outer-container{padding:25px;box-sizing:border-box;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.container{position:relative;width:100%;height:100%;background-color:#191919;border:1.5px solid rgb(73,73,73);display:flex;justify-content:left;align-items:center;box-sizing:border-box;align-items:flex-start;overflow:hidden}h2,p{display:inline}h1{font-family:Space Grotesk,sans-serif;font-size:66px;color:#fff;margin-bottom:5px}h2{font-family:Space Grotesk,sans-serif;font-size:26px;color:#d3d3d3}#subtitle{margin-left:7px}p{font-family:Space Grotesk,sans-serif;font-size:14px;color:#d3d3d3}ul li::marker{content:"-   "}ul li{margin-bottom:4px}.inner-box{position:relative;color:#fff;width:100%;height:100%;text-align:left;overflow:hidden;padding:20px 20px 20px 60px}a{color:#dedede}a:hover{color:#fff}footer{position:absolute;bottom:0;left:0;width:100%;font-size:10px;color:#d3d3d3;text-align:center;padding:20px;z-index:1001}footer-left{position:absolute;bottom:0;right:0;width:100%;font-size:10px;color:#d3d3d3;text-align:right;padding:20px}#threejs-background{position:absolute;top:-20px;left:0;width:100%;height:100%;z-index:1004;pointer-events:none;opacity:.5;overflow:hidden;transition:opacity 4s ease-out}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#121212;display:flex;justify-content:center;align-items:center;z-index:1004;opacity:1;transition:opacity 2s ease-in-out}#name{color:#fff;font-size:8vw;text-align:center;margin:0;font-family:Lazy Dog,sans-serif;animation:fadeInOut 4s infinite}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}#main-content{display:block;width:100%;height:100%}.extra-info{display:none;background-color:transparent;border-radius:0;position:relative;width:55%;margin:0 auto;border:none;padding:30px 0 0;max-height:80%;overflow-y:auto;scrollbar-color:white black;scrollbar-width:thin;text-align:center}.extra-info::-webkit-scrollbar{width:10px}.extra-info::-webkit-scrollbar-track{background:#000}.extra-info::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.extra-info::-webkit-scrollbar-thumb:hover{background:#ccc}#toggle-more{cursor:pointer;text-decoration:underline}#title{width:100%;text-align:center;margin-bottom:20px}#title h1{font-family:Lazy Dog,sans-serif}#projects{width:33%;margin:0 auto;overflow-y:auto;max-height:60%;scrollbar-color:white black;text-align:center}#projects ul{padding-left:0}.year-section{margin-bottom:20px}.year-header{display:flex;align-items:center;justify-content:center;margin-left:0}.year-toggle{display:inline-block}.collapse-arrow{display:inline-block;margin-left:8px;font-size:14px;opacity:0;transition:opacity .2s ease,transform .3s ease;transform-origin:center}.year-header:hover .collapse-arrow{opacity:1}.year-header.collapsed .collapse-arrow{transform:rotate(-90deg)}.year-projects{max-height:1000px;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}.year-projects.collapsed{max-height:0;opacity:0}.close-btn{position:absolute;top:0;right:0;background:none;border:none;font-size:16px;cursor:pointer;color:#646464}.close-btn:hover{color:#fff}.project-title{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;color:#fff;margin-bottom:4px;line-height:1.2}.project-subtitle{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:400;color:#b4b4b4;line-height:1.3;margin-bottom:8px}#projects ul li{margin-bottom:12px;list-style-type:none}#projects ul li a{display:block;text-decoration:none;padding:16px 20px;border:1px solid rgba(73,73,73,.3);border-radius:8px;background-color:#1919194d;transition:all .3s ease}#projects ul li a:hover{border-color:#64646499;background-color:#23232380}#projects ul li a:hover .project-title{color:#fff}#projects ul li a:hover .project-subtitle{color:#dcdcdc}@media screen and (max-width: 768px){.outer-container{padding:10px}.inner-box{padding:15px 15px 15px 20px}h1{font-size:48px;margin-bottom:10px}h2{font-size:22px}#subtitle{margin-left:5px}#projects{width:100%;float:none;margin-right:0;max-height:none}.extra-info{position:relative;width:100%;float:none;margin-top:0;max-height:80vh;background-color:transparent;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:40px 10px 0;box-sizing:border-box}footer{font-size:9px;padding:15px}#threejs-background{opacity:.3}.close-btn{color:#646464;font-size:18px;top:20px;right:20px}}@media screen and (max-width: 480px){.outer-container{padding:8px}.inner-box{padding:12px 12px 12px 15px}h1{font-size:36px;margin-bottom:8px}h2{font-size:18px}p{font-size:13px}.project-title{font-size:15px}.project-subtitle{font-size:12px}.extra-info{padding:40px 10px 0;max-height:85vh;-webkit-overflow-scrolling:touch}footer{font-size:8px;padding:12px}}