body{margin:0;text-align:center;font-family:"Exo 2",sans-serif;color:#5b4c43;background:#d2c1b6}.activity-img{width:100px;height:100px;border-radius:50%}.hero{background-image:url(/assets/glen-JxB_Sa5V.jpg);background-size:cover;background-position:center;padding:90px 0}h1,h2{display:inline-block;padding:5px 10px;border-radius:5px;margin:20px 0 0;font-weight:800}h1{font-size:28px;background:#5b4c43;color:#f9f3ef;margin:10px auto}h2{font-size:16px;background:#d9a273;color:#fff;margin:10px 50px}.container{background:#f9f3ef;padding:20px 40px 50px}#activity-header{margin-bottom:50px;font-size:24px}.activities{display:flex;justify-content:center;gap:30px}#activity-1,#activity-2,#activity-3{max-width:200px}.guide{margin:50px auto}.card{width:400px;margin:0 auto;padding:30px 20px;display:flex;justify-content:space-around;text-align:center;background:#3e2c23;color:#d9a273;border-bottom:6px solid #D9A273;border-radius:.6rem;box-shadow:0 4px 10px #0000001a}.avatar{width:205px}.infobox{width:280px;padding:0}.avatar-container{width:200px;height:200px;background:#1c1c1c;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:.6rem;transition:all .5s ease}.avatar-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(0deg,transparent,transparent 30%,rgba(217,162,115,.3));transform:rotate(-45deg);transition:all .5s ease;opacity:0}.avatar-container:hover{transform:scale(1.05);box-shadow:0 0 20px #d9a2734d}.avatar-container:hover:before{opacity:1;transform:rotate(-45deg) translateY(100%)}