@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap";::selection{background:#29b6aac0;color:#000;text-shadow:none}::-moz-selection{background:#29b6aac0;color:#eee;text-shadow:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Anonymous Pro,monospace;background-color:#1a1a1a;color:#fff}.App{min-height:100vh;display:flex;flex-direction:column}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px);text-align:center}.avatar{width:150px;height:150px;border-radius:50%;margin-bottom:1rem;border:2px solid #30d5c8}.myname{font-size:40px;font-weight:600}.about p{line-height:1.6;font-size:1.5rem}.minkil{font-weight:600;color:#30d5c8}@media (max-width: 768px){.avatar{width:100px;height:100px}}.portfolio{max-width:1200px;margin:2rem auto;padding:0 1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.project-card{background-color:#2a2a2a;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0003;transition:transform .3s}.project-card a{color:#fff;text-decoration:none}.project-card h3{margin-bottom:.5rem}.project-card p{color:#ccc}.project-details{max-width:800px;margin:2rem auto;padding:0 1rem}.project-details h1{margin-bottom:1rem}.project-details p{margin-bottom:1rem;line-height:1.6}.project-details a{color:#30d5c8;text-decoration:none}.project-details a:hover{text-decoration:underline}.navbar{background-color:#2a2a2a;padding:1rem;box-shadow:0 2px 4px #0003}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-links{display:flex;list-style:none}.nav-links li{margin:0 1rem}.nav-links a{color:#fff;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#30d5c8}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background-color:#fff;margin:2px 0;transition:all .3s}.language-switcher button{background:none;border:none;color:#fff;margin:0 .5rem;cursor:pointer;transition:color .3s}.language-switcher hr{transform:rotate(90deg)}.language-switcher button:hover{color:#30d5c8}@media (max-width: 768px){.hamburger{display:flex}.nav-links{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background-color:#2a2a2a;padding:1rem}.nav-links.open{display:flex}.nav-links li{margin:.5rem 0}}