@import"https://fonts.googleapis.com/css?family=Bowlby+One:regular";@import"https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";.emoji-area{background-color:#fff;height:400px;padding-top:50px}.emoji-area h2{font-family:Bowlby one;text-align:center;margin-bottom:50px}.emoji-area ul{display:flex;flex:1;flex-wrap:wrap;justify-content:space-around;align-items:center;list-style:none;gap:30px}.emoji-area img{width:200px;transition:all .5s ease;cursor:pointer}.emoji-area .active,.emoji-area img:hover,.emoji-area img:active{scale:1.5}@media (max-width : 600px){.emoji-area img{width:100px}.emoji-area ul{margin-left:-30px}}body{margin:0;padding:0;background-color:#000}.movie-mood-navbar{display:flex;justify-content:space-between;align-items:center;padding:10px;color:#fff;border-bottom:2px solid white}.movie-mood-navbar img{width:60px}.movie-mood-navbar h1{font-family:Bowlby One;font-weight:300;display:inline-flex;justify-content:center;align-items:center;gap:10px}.movie-mood-navbar ul{list-style:none;display:flex;gap:20px;margin-right:30px;font-size:20px;font-family:poppins}.movie-mood-navbar li{transition:all 2.5s ease-in}.movie-mood-navbar li:hover{text-decoration:underline}.movie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;padding:20px;background-color:#000}.movie-card{background-color:#000;color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 0 15px #00000080;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.movie-card:hover{transform:scale(1.05);box-shadow:0 0 25px #fff3}.movie-card img{width:100%;height:auto;display:block}.movie-card h3{font-size:1.1rem;font-family:Bowlby One;font-weight:200;color:#fff;text-align:center;margin:20px auto}.movie-card p{font-size:.9rem;margin:0 12px;opacity:.9;font-family:poppins}.movie-card .rating,.movie-card .release{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px}.movie-card .rating img,.movie-card .release img{width:20px}.movie-card .overview{font-size:.85rem;margin:10px;opacity:.7;line-height:1.4;max-height:100px;overflow:hidden;text-overflow:ellipsis}.search-bar{margin:20px 0 10px;text-align:center}.search-bar input{padding:10px;width:90%;max-width:400px;font-size:1.1em;border-radius:8px;border:1px solid white;background:transparent;color:#fff;font-size:20px}.filter-sort-bar{display:flex;justify-content:space-around;align-items:center;gap:1rem;margin:10px 0 20px}.filter-sort-bar select{padding:6px 10px;border-radius:6px;border:1px solid white;color:#fff;background:transparent;height:fit-content;font-size:20px}.filter-sort-bar select option{color:#fff;background:transparent;background-color:#000}.movie-list-h2{font-family:Bowlby One;color:#fff;text-align:center;font-size:3rem}.developer{position:fixed;bottom:0;left:0;width:100%;background-color:#000;color:#fff;text-align:center;padding:15px 0;font-size:1em;z-index:1000;margin:0;font-family:poppins}.developer a{color:#fff;text-decoration:none;font-weight:100;font-size:18px;font-family:Bowlby one}.developer a:hover{text-decoration:underline}.developer span{margin-left:5px}@media (max-width : 600px){.filter-sort-bar{flex-direction:column}}.detail-page-container{min-height:100vh}.detail-page-container .bg-trailer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;pointer-events:none}.detail-page-container .bg-trailer iframe{width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.detail-page-container .bg-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to right,#000000e6 15%,#000c 30%,#000000b3 50%,#0000001a);z-index:2;pointer-events:none}.detail-page-container .sound-toggle-btn{position:fixed;top:24px;right:12px;z-index:10;background:#0006;border:none;border-radius:100%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;pointer-events:auto}.detail-page-container .sound-toggle-btn:hover{background:#000c}.detail-page-container .page-content.content-overlay{position:relative;z-index:3;background:transparent;color:#fff;text-shadow:0 1px 3px #000}.detail-page-container .page-content{background:#fff;border-radius:8px;max-width:90vw;padding:2em;box-shadow:0 2px 8px #00000014;position:relative;z-index:0}.detail-page-container .back-link{display:inline-block;margin-bottom:1em;color:#fff;text-decoration:none;font-weight:700;font-family:poppins}.page-content .movie-desc{display:flex;width:900px;gap:30px;font-family:poppins}.detail-page-container .page-content h3{font-family:Bowlby One;font-size:2rem}.detail-page-container .page-content h2{font-family:Bowlby One;font-size:3rem;margin-top:50px}.detail-page-container .cast-list,.detail-page-container .similar-movies{display:flex;gap:5em;flex-wrap:wrap}.detail-page-container .cast-item,.detail-page-container .similar-card{text-align:center;width:100px;text-decoration:none;color:inherit}.detail-page-container .cast-item img,.detail-page-container .similar-card img{border-radius:8px;width:100px;height:120px;object-fit:cover}.detail-page-container .cast-item img,.detail-page-container .similar-movies img{width:150px;height:170px}.cast-item p,.similar-movies div{font-family:poppins;text-align:center;width:150px}.detail-page-container .reviews{display:flex}.detail-page-container .review{background:transparent;margin-bottom:1em;padding:1em;color:#fff;text-shadow:none;border-right:2px solid white;width:100vw}.review{font-family:poppins}@media (max-width: 700px){.detail-page-container .bg-trailer,.detail-page-container .bg-gradient{display:none}.detail-page-container .page-content.content-overlay{padding:20px;width:100vw!important}.detail-page-container{overflow-x:hidden}.movie-desc{flex-direction:column}.movie-desc p{width:300px;text-align:justify}.reviews{flex-direction:column;font-size:15px}.review p{width:300px}.detail-page-container .sound-toggle-btn{top:8px;right:8px;width:36px;height:36px}}