.nav{background:#000;color:#fff;display:flex;align-items:stretch;justify-content:space-between;padding:0 2rem;height:55px}.icon{font-size:24px}.nav ul{padding:0;margin:0;display:flex;gap:.5rem;list-style:none}.nav a{color:#f0f8ff;text-decoration:none;height:100%;display:flex;align-items:center;padding:.5rem}.nav li:hover{background:#777}body{background:#403eff;background:radial-gradient(circle,#403eff,#000 70%);height:100vh;background-size:cover}h1{text-align:center;margin:4rem 0;color:#f0f8ff}ul{list-style-type:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:3rem;row-gap:4rem}li{display:flex;flex-direction:column;align-items:center}img{width:180px;border-radius:1rem;margin-bottom:2rem}span{color:#f0f8ff;font-weight:700;font-size:120%;text-align:center}a{transition:all .5s}a :hover{transform:scale(1.1)}h1{margin:3rem 0}.movie{display:flex;align-items:center;justify-content:center;height:100vh}.movie img{width:300px;border-radius:1rem;margin-bottom:2rem}span{font-weight:400;font-size:120%;margin-bottom:1rem;line-height:130%}.release-date{font-size:100%;opacity:.5}.details{display:flex;flex-direction:column;align-items:flex-start;margin-left:6rem;max-width:50%}button{background-color:#6654da;border:none;cursor:pointer;border-radius:1rem;color:#fff;padding:.8rem 2rem;margin-top:1rem;font-size:100%;transition:all .3s}button:hover{background-color:#5848c2}#profile{text-align:center;padding:24px}#profile img{width:112px;border-radius:30%}#profile p{font-weight:50;line-height:24px;margin-top:8px;color:#f0f8ff}#social-links{display:flex;justify-content:center;padding:24px 0;font-size:24px}#social-links a{display:flex;align-items:center;justify-content:center;padding:16px;border-radius:50%;color:#f0f8ff}*{box-sizing:border-box}body{margin:0}.pages{text-align:center;padding-top:2rem;font-size:2rem;font-family:"League Spartan" sans-serif}