body,html{background-color:#121212;box-sizing:border-box;color:#e0e0e0;font-family:Inter;height:100%;margin:0;overflow:hidden;padding:0}.landing-screen{align-items:center;background-color:#121212;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.down-arrow{animation:bounce 1.5s infinite;color:#00bcd4;cursor:pointer;font-size:2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.portfolio-section{background-color:#121212;display:grid;grid-template-columns:400px 1fr;height:100vh;overflow:auto}.sidebar{align-items:center;background-color:#121212;border-right:2px solid #333;display:flex;flex-direction:column;height:98vh;overflow-x:hidden;overflow-y:auto;padding-top:15px;top:0}.sidebar h1{color:#00bcd4;font-size:2.2em;margin-bottom:10px;text-align:center}.sidebar nav ul{align-items:center;display:flex;flex-direction:column;gap:15px;list-style:none;margin:20px 0;padding:0}.sidebar nav a{color:#e0e0e0;font-size:1.2em;text-decoration:none;transition:color .3s ease}.sidebar nav a:hover{color:#00bcd4}.sidebar-footer{color:#888;margin-bottom:20px;margin-top:auto;padding:16px;text-align:center}.sidebar-icons{color:inherit;padding:10px;text-decoration:none;transition:color .3s ease}.sidebar-icons:hover{color:#00bcd4}.content{background-color:#121212;overflow-y:auto;padding:20px}section{margin-bottom:40px}h2{color:#00bcd4;font-size:2em;margin-bottom:20px}.about-me{background:#1f1f1f;box-shadow:0 2px 5px #00000080;color:#e0e0e0;margin-bottom:40px;padding:20px}.about-me,.tile{border-radius:8px;text-align:center}.tile{align-items:center;background:#2a2a2a;box-shadow:0 4px 8px #0000004d;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding-bottom:20px;padding-top:15px;transition:transform .3s ease,background .3s ease}.tile-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tile img{background:#fff;border-radius:40%;height:80px;margin-top:10px;object-fit:contain;padding:10px;width:80px}.tile:hover{background:#333;transform:scale(1.05)}.tile h3{font-size:1.5em;margin:5px}#c-text{font-size:1em;margin:0}#date{font-size:.8em;letter-spacing:2px;margin:0}.tile.active{background:#00bcd4;color:#121212;transform:scale(1.1)}.tile-content{animation:slideDown .3s ease;background:#1f1f1f;border-radius:8px;box-shadow:0 2px 5px #00000080;color:#e0e0e0;margin-top:20px;padding:20px}.tile-content h3{color:#00bcd4;font-size:1.8em;margin-bottom:0}.tile-content p{font-size:1.2em;line-height:1.6}.tile-content.open{display:block}.project-tile{align-items:center;background:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding-bottom:20px;padding-top:15px;text-align:center;text-decoration:none;transition:transform .3s ease,background .3s ease}.project-tile h3{font-size:1.5em;margin:5px}.project-tile p{margin:10px}.project-tile:hover{background:#333;transform:scale(1.05)}.project-tile:hover .project-preview-bg{filter:blur(0);opacity:1}.project-preview-bg{display:block;filter:blur(.5px);height:200px;object-fit:cover;object-position:center 40%;opacity:.5;transition:opacity .35s,filter .35s;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.82f2b88a.css.map*/