main{width:auto}main section{flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:100vh;padding:2rem 1rem;scroll-margin-top:5rem;display:flex}main section:first-child{flex-direction:column;align-items:center;height:91.5vh;display:flex}main section:first-child h1{text-align:center;margin-bottom:1rem;font-size:64px;font-weight:900;animation:1s ease-out fadeInDown}main section:first-child h2{color:#777;text-align:center;font-size:32px;font-weight:600;animation:1s ease-out .2s both fadeInUp}main section:first-child p{text-align:center;max-width:600px;margin-top:1.5rem;font-size:18px;line-height:1.6;animation:1s ease-out .4s both fadeInUp}main section:first-child .landing-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;animation:1s ease-out .6s both fadeInUp;display:flex}main section h1{font-size:36px;font-weight:800}main h2{margin-bottom:2rem;font-size:24px;font-weight:700}main .skills{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:750px;margin:2rem auto;display:flex}main .cards{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1000px;margin:0 auto;display:flex}main section,main section>*{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}main section.animate,main section.animate>*{opacity:1;transform:translateY(0)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:480px){.section{text-align:center}}