body{background-color:#e6e4e4}.slider-container{font-family:Arial,sans-serif;margin:20px}.slider{margin:0 auto;position:relative;width:350px}.person-card{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards;background-color:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.15);margin:0 auto;opacity:0;padding:20px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:300px}.person-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.person-image{height:auto;margin-bottom:10px;width:100%}.description{color:#555;font-size:14px}.age{font-weight:700;margin-top:5px}.btn-container{margin-top:15px}.nav-btn{background-color:#758ba3;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 15px;transition:background .3s ease,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease}.nav-btn:hover{background-color:#6682a0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.fade-text{-webkit-animation:fadeIn .8s .2s forwards;animation:fadeIn .8s .2s forwards;opacity:0}.random-btn{background:#ebf7ff;border-color:transparent;border-radius:.5rem;color:#49a6e9;cursor:pointer;margin-top:1rem;padding:.25rem .5rem;text-transform:capitalize;transition:all .3s linear}.random-btn:hover{background:#49a6e9;color:#fff}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.slider{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}.quote-icon{color:#87c0e9;font-size:3rem;margin-bottom:1rem}.slider-container{margin:5rem auto;max-width:620px;text-align:center;width:90vw}.title{font-size:2rem;margin-bottom:.5rem}@media screen and (max-width:768px){.title{font-size:1.5rem}.slider-container{margin:2rem auto}}.person-img{border:4px solid #49a6e9;border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.2);height:150px;object-fit:cover;width:150px}@media screen and (max-width:480px){.person-img{height:120px;width:120px}.nav-btn{font-size:1.25rem;margin:0 .5rem}}.btn-container{display:flex;gap:1rem;justify-content:center;margin-top:1rem}
/*# sourceMappingURL=main.f2e5776c.css.map*/