body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#000;--secondary-color:gold;--text-color:#333;--background-color:#fff;--status-yellow:gold;--status-green:#4caf50;--status-grey:#9e9e9e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Rajdhani,sans-serif}.App{min-height:100vh}.App,.navbar{background-color:#fff;background-color:var(--background-color)}.navbar{border-bottom:1px solid #eee;color:red;font-family:Raleway,sans-serif;font-weight:300;padding:1rem 2rem;width:100%}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{gap:1rem}.navbar-logo img{height:40px}.navbar-logo h1{color:#000;color:var(--primary-color);font-size:1.5rem;font-weight:500}.main-content{margin:0 auto;max-width:1200px;padding:2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.project-card{align-items:center;border:1px solid #eee;cursor:pointer;display:flex;flex-direction:column;padding:1rem;position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;-webkit-user-select:none;user-select:none;width:100%}.project-card:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.file-number{color:#666;font-size:.9rem;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.project-status{font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.5rem;text-align:center;width:100%}.status-ongoing{background-color:gold;background-color:var(--status-yellow);color:#000;color:var(--primary-color)}.status-completed{background-color:#4caf50;background-color:var(--status-green);color:#fff}.status-pending{background-color:#9e9e9e;background-color:var(--status-grey);color:#fff}.project-image{display:block;margin-bottom:1rem;object-fit:contain;width:100%}.project-date{color:#666;font-size:.9rem}.project-detail{margin:0 auto;max-width:1200px;padding:2rem}.project-detail-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.project-detail-title{flex:1 1}.project-detail-title h1{font-family:Rajdhani,sans-serif;font-size:3rem;font-weight:600;margin:.5rem 0}.project-detail-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}.project-detail-image-container{background-color:#f5f5f5;border-radius:4px;overflow:hidden;width:100%}.project-detail-image{display:block;height:auto;width:100%}.project-detail-info{display:flex;flex-direction:column;gap:2rem}.project-detail-date h3,.project-detail-description h3{color:#333;color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.project-detail-date p,.project-detail-description p{color:#666;font-size:1.1rem;line-height:1.6}.back-button{align-items:center;background:none;border:none;color:#000;color:var(--primary-color);cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:1.1rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;transition:transform .2s ease}.back-button:hover{transform:translateX(-4px)}@media (max-width:768px){.project-detail-content{grid-template-columns:1fr}.project-detail-header{flex-direction:column;gap:1rem}.project-detail-title h1{font-size:2rem}}
/*# sourceMappingURL=main.e5f00301.css.map*/