.hero{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;background-color:initial}.hero-content{text-align:center;animation:fadeIn 1.5s ease-in}.hero-image{width:270px;height:270px;position:relative;margin:0 auto 30px;transition:opacity .5s ease,transform .5s ease;opacity:0;transform:translateY(20px)}.hero-image-loaded{opacity:1;transform:translateY(0)}.hero-image img{width:270px;height:270px;border-radius:50%;border:5px solid #fff;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.2)}.hero-name{font-size:2.5rem;margin-bottom:1rem;color:#fff}.uiuc{color:#db5e0a}.hero-description{font-size:1.5rem;margin-bottom:2rem;color:#ffffffab;max-width:800px}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:#0077cc;color:#fff;text-decoration:none;border-radius:25px;transition:background-color .3s}.btn:hover{background-color:#005fa3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.hero-image,.hero-image img{width:150px;height:150px}.hero-name{font-size:2rem}.hero-description{font-size:1.2rem}}.skills{display:flex;flex-direction:column;padding:4rem 2rem;max-width:1200px;margin:0 auto;color:#fff}.skills-content{text-align:center}.skills-heading{font-size:2.5rem;margin-bottom:2rem;color:#fff}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.skill-item{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.75);border-radius:15px;background-color:rgba(255,255,255,.1);color:#fff;cursor:default;transition:background-color .3s,border-color .3s,transform .2s}.skill-item:hover{background-color:rgba(255,255,255,.2);border-color:rgba(30,144,255,.9);transform:translateY(-1px)}.skill-outside{font-weight:700}.skill-inside{color:rgba(30,144,255,.95);font-weight:600}@media (max-width:600px){.skills-heading{font-size:2rem}.skill-item{padding:.5rem 1rem;font-size:.95rem}}