@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Climate+Crisis:YEAR@1979&display=swap";*{color:#fff;margin:0;font-family:Noto Sans Display,sans-serif}@keyframes appearAndRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body{width:100vw;height:100vh}#root{background-color:gray;background-image:url(/netflix-clone/assets/geralt-filmstrip-408992-DiukoyA6.jpg);background-repeat:no-repeat;background-size:cover;justify-content:center;width:100%;height:100%;display:flex;overflow:hidden}#app{flex-direction:column;align-items:center;width:70%;max-width:70%;height:100%;font-size:15px;display:flex}.fetch-message{margin-top:20px}#welcome-section{background-color:#fff0;justify-content:center;width:800px;margin-top:50px;font-size:30px;display:flex}#welcome-section h1{font-family:Climate Crisis,sans-serif}#list{flex-direction:column;align-items:center;height:72%;display:flex}#search{background-color:#4169e1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:800px;margin:30px 0;padding:20px 0;display:flex;position:sticky;top:0;box-shadow:0 5px 15px #000}#search h3{margin-bottom:20px}#search form{display:flex}#search input{color:#000;border:none;border-radius:10px 0 0 10px;width:300px;height:30px;padding:0 10px;font-size:20px}#search input:focus{outline:none}#search button{cursor:pointer;background-color:#ffac1c;border:none;border-radius:0 10px 10px 0;justify-content:center;align-items:center;padding:0 10px;display:flex}#list-selections{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;justify-content:center;gap:20px;min-height:510px;padding-bottom:5px;animation:.6s ease-out appearAndRise;display:flex;overflow:scroll}#list-selections::-webkit-scrollbar{display:none}#list-selections>a{color:#000;text-decoration:none}.anime-selection{background-color:#4169e1;border-radius:20px;width:350px;display:flex;box-shadow:0 3px 10px #000}.anime-selection img{border-radius:20px 0 0 20px;width:170px}.selection-details{flex-direction:column;justify-content:space-between;align-items:flex-start;margin:20px 10px;display:flex}.selection-title{max-height:120px;font-size:20px;overflow:hidden}.selection-stats{line-height:25px}#current-page{color:#000}#page-info{background-color:#4169e1;border-radius:10px;justify-content:space-evenly;align-items:center;gap:4px;width:250px;margin-top:10px;padding:10px 0;display:flex;box-shadow:0 3px 10px #000}#page-info button{cursor:pointer;background-color:#ffac1c;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}#page-info button:disabled{cursor:default;background-color:#6082b6}#page-number{align-items:center;gap:5px;display:flex}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;text-align:center;border:none;border-radius:5px;min-width:35px}input[type=number]:focus{outline:none}.selection-page{flex-direction:column;align-items:center;display:flex}.selection-page a{text-decoration:none}.selection-page h4{background-color:#ffac1c;border-radius:15px;justify-content:center;align-items:center;width:85px;height:40px;font-size:20px;font-weight:400;display:flex;box-shadow:0 3px 6px #000}.selection-card{background-color:#4169e1;border-radius:20px;gap:30px;width:800px;margin:50px 0 35px;padding:30px;font-size:18px;animation:.6s ease-out appearAndRise;display:flex;box-shadow:0 5px 15px #000}.selection-info{flex-direction:column;align-items:center;gap:10px;display:flex}.selection-info>p{scrollbar-width:none;-ms-overflow-style:none;height:288px;overflow:scroll}.selection-info>p::-webkit-scrollbar{display:none}.selection-info button{background-color:#ffac1c;border:none;border-radius:15px;justify-content:center;align-items:center;gap:5px;height:40px;padding:0 20px;font-size:16px;display:flex}.selection-info button:hover{cursor:pointer}.misc-data{width:100%;margin-top:20px;line-height:30px}footer{text-align:center;width:100%;padding-bottom:30px;position:fixed;bottom:0;left:0}