.home{width:100%;height:80vh}.home-container{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:50px}.home h2{font-weight:700;color:#fc571b}.home p{color:#212121}.home img{border:2px solid black;padding:30px;border-radius:20px;background-color:#a3a3e8;box-shadow:5px 5px 3px gray}.characters{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:30px;margin-top:50px;margin-bottom:50px;margin-left:100px;list-style-type:none}.locations,.episodes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:50px;margin-bottom:50px;margin-left:100px;list-style-type:none}*{margin:0;padding:0;box-sizing:border-box}header{display:flex;justify-content:space-around;background-color:#212121;width:100%;padding:30px 0}header h1{color:#fff}header div{display:flex;justify-content:space-between;gap:20px;align-items:center}header div a{text-decoration:none;color:violet}.active{color:#1f41d4}.character-card{padding:20px;border:solid black;width:350px;box-shadow:5px 5px 3px gray;border-radius:5px;cursor:pointer}.character-card img{margin-bottom:10px}.character-card p{font-weight:bolder;margin-left:100px;color:#5b5bd4}.location-card,.episode-card{border:2px solid black;width:400px;padding:20px;font-family:arial;box-shadow:5px 5px 3px gray;background-color:#efe8e8;color:#44448b}footer{background-color:#212121;color:#fff;padding:15px}