@font-face{font-family:FiraSans;src:local(Fira Sans),local(FiraSans)}body{text-align:center;background-color:#f7f7fa;padding:2.5%;font-family:FiraSans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:18px}h1,h2,h3,h4,h5{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.profile{border-radius:100px;width:180px;height:240px}.title-fade-out{opacity:0;animation-name:fade-out;animation-duration:1.5s}.title-fade-in{opacity:1;animation-name:fade-in;animation-duration:1.5s}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-width:1000px;margin:20px auto;display:grid}