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