body{font-family:system-ui,-apple-system,sans-serif}.mosaic-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center}.mosaic-grid{display:grid;gap:0;background-color:#0f0f0f;width:100vw;height:100vh;position:absolute;top:0;left:0}.tile{background-color:#333;border:2px solid #0f0f0f;box-sizing:border-box;opacity:0;animation:fadeIn .6s ease forwards;position:relative;display:flex;align-items:center;justify-content:center}.tile.clickable{cursor:pointer}.tile.has-url .tile-text{text-decoration:underline}.tile.no-animation{opacity:1;transform:scale(1);animation:none}.tile.no-animation .tile-text{opacity:1;animation:none}.tile-text{opacity:0;animation:textFadeIn .8s ease forwards;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5em;font-weight:600;text-align:center;color:#e1e7ff;-webkit-user-select:none;user-select:none;pointer-events:none;padding:10px}.home .color-1{background-color:#1e3a8a}.home .color-2{background-color:#1e40af}.home .color-3{background-color:#2563eb}.home .color-4{background-color:#1d4ed8}.home .color-5{background-color:#3b82f6}.home .color-6{background-color:#2348b8}.home .color-7{background-color:#1c46d1}.home .color-8{background-color:#1a3489}.home .color-9{background-color:#1a2333}.home .color-10{background-color:#252d42}.about .color-1{background-color:#22a353}.about .color-2{background-color:#1e8247}.about .color-3{background-color:#2db661}.about .color-4{background-color:#26a85c}.about .color-5{background-color:#34c770}.about .color-6{background-color:#1d7a44}.about .color-7{background-color:#1a6b3a}.about .color-8{background-color:#28b85e}.about .color-9{background-color:#202e20}.about .color-10{background-color:#2d372d}.projects .color-1{background-color:#7c3aed}.projects .color-2{background-color:#6d28d9}.projects .color-3{background-color:#8b5cf6}.projects .color-4{background-color:#8442f5}.projects .color-5{background-color:#96f}.projects .color-6{background-color:#6925d6}.projects .color-7{background-color:#5b21b6}.projects .color-8{background-color:#7537e8}.projects .color-9{background-color:#2a1a3a}.projects .color-10{background-color:#332a42}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}