@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";body{margin:0;padding:0}.background-container{width:90%;max-width:1400px;background-color:#6b8190;border-radius:50px;margin:15px auto auto;padding:30px}.loader-container{display:flex;justify-content:center;margin:auto;align-items:center}.loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:200px;height:200px;color:#fff}.loader:before,.loader:after{content:"";display:block;position:absolute;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:1s spin linear infinite}.loader:after{color:#ff3d00;transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}.movie{width:200px;height:310px;margin:20px 10px;cursor:pointer}.movie .movie-poster{width:100%;height:250px;border-radius:20px}.movie .movie-information{display:flex;flex-wrap:wrap;color:#c3d2ec}.movie .movie-information .movie-title-container{width:100%}.movie .movie-information .movie-title-container .movie-title{font-size:18px;margin:15px auto auto}.movie .movie-information .movie-information-container{width:100%}.movie .movie-information .movie-information-container .movie-release-year{margin:auto}.movie-detail{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}.movie-detail .movie-detail-wallpaper-image{position:fixed;top:0;left:0;height:100vh;width:100vw;object-fit:cover;opacity:.3;z-index:-1}.movie-detail .movie-detail-information{display:flex;padding:200px;color:#fff}.movie-detail .movie-detail-information .movie-detail-information-container{padding-right:200px}.movie-detail .movie-detail-information .movie-detail-information-container h1{margin:0;font-size:60px}.movie-detail .movie-detail-information .movie-detail-information-container p{font-size:20px;font-weight:400}.movie-detail .movie-detail-information .movie-detail-information-container ul{display:flex;list-style:none;padding:0;margin-top:30px;margin-bottom:50px}.movie-detail .movie-detail-information .movie-detail-information-container ul .movie-detail-genre{font-size:14px;background-color:#6b819099;min-width:100px;padding:15px;text-align:center;border-radius:30px;margin:0 10px}.movie-detail .movie-detail-information .movie-detail-poster-container .movie-detail-poster{width:400px;height:500px}.movie-list{display:flex;justify-content:space-between;flex-wrap:wrap;list-style:none;margin:0;padding:20px 0 0}.navigation-container{display:flex;justify-content:center;background-color:#08192b;width:60%;margin:auto;padding:10px;border-radius:30px}.navigation-container .filter{border-radius:10px;padding:10px 20px;font-size:16px}.navigation-container .filter select{color:#6b8190;background:none;border:none;font-size:18px;width:150px;cursor:pointer}.navigation-container .filter select:focus{outline:none}.navigation-container .filter button{background:none;border:1px solid rgb(107,129,144);color:#6b8190;cursor:pointer;padding:5px 10px;margin-left:5px;border-radius:10px;transition:background-color .5s ease;transition:color .5s ease}.navigation-container .filter button:hover:not(:disabled){background-color:#6b8190;color:#08192b}.navigation-container .filter button:disabled{visibility:hidden;pointer-events:none;cursor:default}.pagination{display:flex;justify-content:center}.pagination ul{display:flex;list-style:none}.pagination ul li{margin:0 5px}.pagination ul li button{cursor:pointer;min-width:30px;height:30px;background-color:#08192b;color:#fff;border:none;transition:all .5s ease}.pagination ul li button.active{background-color:#fff;color:#08192b}.pagination ul li button:hover:not(.active){background-color:#18345a80}body{background-image:url(/assets/Wallpaper-gl0BOOmd.png)}