footer{height:10vh;bottom:0;position:relative;display:flex;justify-content:center;align-items:center;width:100vw;color:#dba90e;font-weight:700}header nav{height:15vh;width:100vw;display:flex;justify-content:space-around;align-items:center}.logo{height:5rem}.logo img{height:100%;transition:all .3s ease-in-out}.logo img:hover{transform:scale(1.1)}header nav ul{display:flex;justify-content:center;gap:8rem}header nav ul li{text-transform:uppercase;font-weight:bolder;transition:all .3s ease-in-out}header nav ul li:hover{color:#dba90e}.home{display:flex;flex-direction:column;justify-content:center;align-items:center}.home p{padding:10rem 20rem;text-align:justify;color:#dba90e;font-weight:700}.character-portrait{width:12vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.character-portrait img{width:150px;height:150px;transition:all .3s ease-in-out;cursor:pointer;border-radius:.8rem}.character-portrait img:hover{transform:scale(1.1)}.characters{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.characters h2{text-transform:uppercase;font-weight:bolder;color:#dba90e}.characters .gallery{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:1rem 1rem 5rem;gap:1rem}.character-figure{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:2rem}.character-figure img{height:19rem;width:14rem;object-fit:cover;padding:.4rem;border:1px dashed whitesmoke}.movie-poster{width:15vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;margin:20px}.movie-poster img{width:100%;height:300px;transition:all .3s ease-in-out;cursor:pointer;border-radius:.8rem}.movie-poster img:hover{transform:scale(1.1)}h3{text-align:center;font-size:16px}.movies{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.movies h2{text-transform:uppercase;font-weight:bolder;color:#dba90e}.movies .gallery{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:1rem 1rem 5rem;gap:1rem}.movie-figure{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:2rem}.movie-figure img{height:28rem;width:20rem;object-fit:cover;padding:.4rem;border:1px dashed whitesmoke}*{margin:0;padding:0;box-sizing:border-box}li{list-style-type:none}a{text-decoration:none;color:inherit}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background-color:#282624;color:#fcf9f2}
