@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}a{text-decoration:none;color:inherit}:root{--primary-bg:rgb(102, 92, 171);--light-theme-btn:#430f58;--dark-theme-btn:#c3195d;--white:white}.home-container{min-height:100vh;padding:30px 10px}.home-dark{background-color:#000;color:#fff}.home-container h1{text-align:center;margin-bottom:40px}.characters-container{display:flex;flex-wrap:wrap;justify-content:center}.character-card{margin:10px;width:250px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-bottom:10px;border-radius:8px;box-shadow:7px 8px 13px -4px #00000078;-webkit-box-shadow:7px 8px 13px -4px rgba(0,0,0,.47);-moz-box-shadow:7px 8px 13px -4px rgba(0,0,0,.47);background-color:#fff;color:#000;position:relative}.character-card img{width:100%;margin-bottom:10px;border-top-left-radius:8px;border-top-right-radius:8px}.character-card a{margin-top:10px;border:none;padding:8px 16px;border-radius:8px;background-color:var(--primary-bg);color:#fff;cursor:pointer}.heart-icon{color:var(--primary-bg);font-size:20px;cursor:pointer;margin-left:20px;position:absolute;bottom:15px;left:0px}.favorites-container{min-height:90vh}.favorites-dark{background-color:#000;color:#fff}.favorites-container h1{text-align:center}.favorite-characters{display:flex;flex-wrap:wrap;justify-content:center}p{text-align:center}.search-container{height:60px;display:flex;align-items:center;justify-content:center}.search-container input{border:none;padding:8px 16px;width:50%;border-radius:8px;background-color:var(--primary-bg);color:var(--white)}.search-container input::placeholder{color:var(--white)}.header-container{background-color:var(--primary-bg);height:40px;padding:25px;display:flex;align-items:center;justify-content:space-between;color:var(--white)}.header-dark{background-color:#000;border-bottom:solid 1px gray}.theme-button{padding:5px 10px;border-radius:8px;border:none;cursor:pointer;background-color:var(--light-theme-btn);color:var(--white);margin-left:20px}.theme-button-dark{background-color:var(--dark-theme-btn)}.footer-container{background-color:var(--primary-bg);padding:10px;color:var(--white)}.footer-dark{background-color:#000;border-top:solid 1px gray}.contact-btn{cursor:pointer;background-color:transparent;color:#fff;border:none;font-size:16px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0}.modal-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:gray;transition:color 2s ease-in-out}.modal-close-btn:hover{color:red}form label{display:block;margin-bottom:10px}form input,form textarea{width:100%;padding:10px;border:none;border-radius:5px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;font-size:16px}form input:focus,form textarea:focus{outline:none;box-shadow:0 0 10px #665cab4d}form button[type=submit]{background-color:var(--primary-bg);color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease-in-out}form button[type=submit]:hover{background-color:red}.about-container{min-height:100vh}.about-dark{background-color:#000;color:#fff}.about-container h1,.about-container p{padding:20px}img{width:100%}.episodes-container{min-height:100vh;padding:25px;display:flex}.episodes-dark{background-color:#000;color:#fff}.character-container{display:flex;flex-wrap:wrap}.episodes-container form{padding:0 25px}#select-episode{border:solid 2px var(--primary-bg);border-radius:5px;padding:8px 25px;margin-top:15px}.episode-info{display:flex;flex-direction:column;align-items:center;margin:40px}.details-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-top:50px;background-image:url(/assets/bg-86a97b3d.png);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;z-index:0}.details-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;z-index:-1}.details-container img{width:200px;height:200px;border-radius:50%;box-shadow:0 0 20px 2px #0000004d;z-index:1;margin:5%}.container-info{margin-top:20px;width:40%;display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 20px 2px #0003}.container-info p{font-size:18px;margin-bottom:10px}.container-info span{font-weight:700;color:var(--primary-bg)}