*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #1e1e1e;--sidebar-color: #252526;--activity-bar-color: #333333;--text-color: #d4d4d4;--font-main: "Courier New", Courier, monospace}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main)}.ide-container{display:grid;grid-template-columns:50px 250px 1fr;height:100vh}.activity-bar{background-color:var(--activity-bar-color)}.sidebar{background-color:var(--sidebar-color)}.main-content{padding:20px}.file-explorer{padding:10px}.explorer-title{font-size:11px;color:var(--text-color);margin-bottom:10px;letter-spacing:1px}.file-list{list-style-type:none}.file-item{padding:5px 10px;cursor:pointer;font-size:14px}.file-item.active{background-color:#ffffff1a}.file-item:hover{background-color:#ffffff0d}.activity-bar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 0}.nav-list,.social-list{list-style-type:none}.social-list .nav-item a{color:inherit}.nav-item{padding:15px 0;font-size:24px;color:#858585;cursor:pointer;width:100%;display:flex;justify-content:center;border-left:2px solid transparent;transition:all .2s ease-in-out}.nav-item:hover{color:var(--text-color)}.nav-item.active-nav{color:var(--text-color);border-left:2px solid var(--text-color);padding-left:10px}.about-content{display:flex;align-items:flex-start;gap:40px;padding-top:20px}.about-text{flex-basis:60%;display:flex;flex-direction:column;gap:15px}.about-text h1{font-size:42px;color:var(--text-color);margin-bottom:-10px}.about-text .subtitle{font-size:18px;color:#569cd6;margin-bottom:20px}.about-text h3{color:#569cd6;margin-bottom:-5px}.about-text p{line-height:1.7;color:#ccc}.about-photo{flex-basis:40%;align-self:center;padding:5px;border-radius:50%;background:linear-gradient(45deg,var(--sidebar-color),#569cd6)}.about-photo img{max-width:100%;border-radius:50%;border:5px solid var(--bg-color);vertical-align:middle;transition:transform .3s ease}.about-photo img:hover{transform:scale(1.03)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding-top:20px}.project-card{background-color:var(--sidebar-color);border-left:3px solid #569cd6;padding:20px;display:flex;flex-direction:column}.project-description{margin:15px 0;flex-grow:1;color:#ccc}.project-tech-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.project-tech-list li{background-color:#569cd633;color:#9cdcfe;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:500;border:1px solid rgba(86,156,214,.4);transition:all .2s ease-in-out}.project-tech-list li:hover{background-color:#569cd666;transform:translateY(-2px)}.project-card-footer{display:flex;justify-content:flex-start;gap:20px;margin-top:auto;padding-top:15px}.project-link-button{display:inline-block;padding:12px 20px;background-color:#569cd6;color:#fff;text-decoration:none;font-weight:700;border-radius:5px;margin-bottom:10px;transition:background-color .3s ease}.project-link-button:hover{background-color:#4a8ac9}.project-link-button i{margin-left:8px}.resume-container{padding-top:20px}.download-button{display:inline-block;padding:12px 20px;background-color:#569cd6;color:#fff;text-decoration:none;font-weight:700;border-radius:5px;margin-bottom:20px;transition:background-color .3s ease}.download-button:hover{background-color:#4a8ac9}.download-button i{margin-left:8px}.resume-embed{width:100%;height:75vh;border:1px solid var(--activity-bar-color)}.contact-content{padding-top:20px}.contact-content h3{color:#569cd6;margin-bottom:10px}.contact-content p{line-height:1.7;margin-bottom:20px}.email-link{display:inline-block;padding:12px 20px;border:1px solid #569cd6;color:#569cd6;text-decoration:none;border-radius:5px;transition:all .3s ease}.email-link:hover{background-color:#569cd6;color:#fff}@media (max-width: 768px){.ide-container{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"main" "nav"}.sidebar{display:none}.main-content{grid-area:main;padding-bottom:80px}.activity-bar{grid-area:nav;width:100%;padding:0;border-top:1px solid var(--sidebar-color);position:fixed;bottom:0;left:0;z-index:1000}.activity-bar .nav-list{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%}.nav-item{padding:15px;border-left:none;border-top:3px solid transparent}.nav-item.active-nav{border-left:none;padding-left:15px;border-top:3px solid var(--text-color)}.social-list{display:none}.projects-grid{grid-template-columns:1fr}.resume-embed{height:60vh}.about-content{flex-direction:column}}.admin-page{padding:2rem;max-width:800px;margin:0 auto}.admin-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background-color:#2a2a2a;border-radius:8px}.admin-form input,.admin-form textarea{padding:.75rem;border-radius:4px;border:1px solid #444;background-color:#1e1e1e;color:#fff}.existing-projects ul{list-style:none;padding:0}.existing-projects li{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #444}.project-actions button{background-color:#c94040}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.logout-button{background-color:#555}.return-link{display:block;text-align:center;margin-top:1.5rem;color:#9cdcfe;text-decoration:none;transition:text-decoration .2s ease-in-out}.return-link:hover{text-decoration:underline}.form-buttons{display:flex;gap:1rem}.edit-button{background-color:#3b82f6}.cancel-button{background-color:#6b7280}