body,html{height:100%;margin:0;padding:0}body{text-align:center;font-family:system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#0F172A;color:white}#app-root,.page-container,body{display:flex;flex-direction:column}#app-root,.page-container{min-height:100vh}.page-content{flex-grow:1;overflow-y:auto;padding:1rem 1rem 80px}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:60px;display:flex;background-color:#64748B;z-index:10;border-top:1px solid rgba(0,0,0,.1)}.bottom-button{flex:3 1;height:100%;color:#F4F4F4;background-color:inherit;border:none;border-right:1px solid rgba(0,0,0,.1);font-family:system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-button:hover{transform:translateY(-1px);border-color:rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.1);color:#F4F4F4}.bottom-button:active{background-color:#444444;border-color:rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.06);color:#F4F4F4;transform:translateY(0)}.bottom-button.active{border-top:3px solid #f4f4f4;font-weight:700}.bottom-links{flex:2 1;height:100%;display:flex;align-items:center;justify-content:space-evenly;background-color:inherit;gap:10px}.bottom-link{cursor:pointer;transition:transform .2s}.bottom-link:hover{transform:scale(1.1)}.project-display{text-align:left;border:1px solid #64748b;border-radius:.25rem;padding:10px;margin:10px}.project-content{width:95%;text-align:center;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));padding-bottom:10px}.project-tech{font-size:11px;padding:5px;margin-right:10px;background-color:#243969;color:#22D3EE;border-radius:.25rem}.project-tech-container{margin-top:10px;margin-bottom:10px}.project-name{margin-bottom:10px}.project-header{justify-content:space-between}.project-header,.project-links{display:flex;align-items:flex-start}.project-links{gap:8px}.project-description{margin-bottom:10px;font-size:14px}.project-image{text-align:center}.about-sidebar{width:18%;margin-left:100px;text-align:left}.about-container{display:flex;align-items:flex-start;gap:100px;justify-content:center}.workexps-container{width:45%}.workexp-company{color:#22D3EE;font-size:.9em}.workexp-header{display:flex;justify-content:space-between;align-items:baseline}.workexp-company,.workexp-des,.workexp-tech-container{text-align:left}.resume-link{color:#22D3EE}.workexp-des{margin-bottom:16px}@media (max-width:1100px){.about-container{flex-direction:column;align-items:center;gap:40px}.about-sidebar,.workexps-container{width:90%;margin-left:0}.about-sidebar{text-align:center}.workexps-container{text-align:left}.about-sidebar p{max-width:400px;margin:20px auto 0}}.section-divider{grid-column:1/-1;text-align:center;margin:10px 0;position:relative}.section-divider h2{display:inline-block;font-size:1.2rem;font-weight:700;color:#F4F4F4;background-color:#0F172A;padding:0 12px;position:relative;z-index:1}.section-divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#64748B;z-index:0}