*{padding:0;margin:0;box-sizing:border-box}nav{height:50px;width:100vw;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding-left:30px;padding-right:30px;align-items:center}ul{display:flex;gap:30px}ul>a{text-transform:capitalize;font-size:18px;color:#fff;font-weight:700}ul>a:active{color:red}.userMain{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:30px;padding-top:30px;background-color:#4b4a4a}.userMain>.card{border:2px solid black;height:400px;width:450px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:15px;box-shadow:2px 4px 6px green;background-color:#000;color:#fff;text-align:center;transition:all .3s ease-in}.userMain>.card:hover{box-shadow:4px 6px 8px green;height:420px;width:470px;cursor:pointer;background-color:#4b4a4a}img{height:150px;width:150px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid green;transition:all .3s ease-in}img:hover{height:180px;width:180px;border:6px solid green}.actorDetailsMain{height:calc(100vh - 50px);width:100vw;display:flex;justify-content:center;align-items:center;background-color:#fff;flex-direction:column}.actorDetailsCard{height:70vh;width:85vw;background-color:#ecec83;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;text-align:center}button{height:70px;width:150px;border-radius:10px;border:none;font-weight:700}